Dark variant should be before hover selector

opentofu · Sep 19, 2023 · 2c334c6 · 2c334c6
1 parent 124ef30
commit 2c334c6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/theme/DocSidebarItem/Category.tsx b/src/theme/DocSidebarItem/Category.tsx
@@ -116,7 +116,7 @@ export default function DocSidebarItemCategory({
         className={clsx("flex justify-between items-center py-2 px-4", {
           "bg-brand-500 dark:bg-brand-800 text-gray-900 hover:text-gray-900 dark:text-brand-600 dark:hover:text-brand-600":
             isActive,
-          "hover:text-brand-700 hover:dark:text-brand-600": !isActive,
+          "hover:text-brand-700 dark:hover:text-brand-600": !isActive,
         })}
         onClick={
           collapsible

diff --git a/src/theme/TOC/index.tsx b/src/theme/TOC/index.tsx
@@ -14,7 +14,7 @@ export default function TOC({ className, ...props }: Props) {
       <TOCItems
         {...props}
         className="[&_ul]:pl-4"
-        linkClassName="py-2 px-4 block hover:text-brand-700 hover:dark:text-brand-600 [&.active]:bg-brand-500 [&.active]:dark:bg-brand-800 [&.active]:text-gray-900 [&.active]:dark:text-brand-600"
+        linkClassName="py-2 px-4 block hover:text-brand-700 dark:hover:text-brand-600 [&.active]:bg-brand-500 [&.active]:dark:bg-brand-800 [&.active]:text-gray-900 [&.active]:dark:text-brand-600"
         linkActiveClassName="active"
       />
     </div>