🎨 update mobile ToC css (#81)

colinwilson · Sep 19, 2023 · 9b5b750 · 9b5b750
2 parents bc1752e + dbe6d9f
commit 9b5b750
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/assets/docs/scss/custom/structure/_toc.scss b/assets/docs/scss/custom/structure/_toc.scss
@@ -4,14 +4,16 @@
 
 :root {
     --toc-link-hover-bg-color: var(--gray-300);
-    --toc-mobile-btn-bg-color: var(--gray-100);
+    --toc-mobile-btn-bg-color: var(--gray-200);
     --toc-mobile-menu-bg-color: var(--white);
+    --toc-mobile-link-hover-color: var(--primary);
 }
 
 [data-dark-mode] {
     --toc-link-hover-bg-color: var(--gray-700);
-    --toc-mobile-btn-bg-color: var(--gray-900);
+    --toc-mobile-btn-bg-color: var(--gray-800);
     --toc-mobile-menu-bg-color: var(--body-bg);
+    --toc-mobile-link-hover-color: var(--primary-300);
 }
 
 .docs-toc-mobile {
@@ -33,6 +35,13 @@
     //     }
     // }
 
+    a {
+        color: var(--text-default);
+    }
+    a:hover {
+        color: var(--toc-mobile-link-hover-color);
+    }
+
     .dropdown-toggle {
         margin-bottom: 16px;
         background: var(--toc-mobile-btn-bg-color);