fix: improve color of links within hints in dark mode (#555)

thegeeklab · Dec 11, 2022 · 29627c9 · 29627c9
1 parent 5d4370b
commit 29627c9
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/sass/_color_mode.scss b/src/sass/_color_mode.scss
@@ -13,6 +13,9 @@
   --link-color: #{$link-color};
   --link-color-visited: #{$link-color-visited};
 
+  --hint-link-color: #{$link-color};
+  --hint-link-color-visited: #{$link-color-visited};
+
   --accent-color-dark: #{$gray-400};
   --accent-color: #{$gray-200};
   --accent-color-lite: #{$gray-100};
@@ -59,6 +62,9 @@
   --link-color: #{$link-color-dark};
   --link-color-visited: #{$link-color-visited-dark};
 
+  --hint-link-color: #{$link-color};
+  --hint-link-color-visited: #{$link-color-visited};
+
   --accent-color-dark: #{darken($body-background-dark, 8)};
   --accent-color: #{darken($body-background-dark, 4)};
   --accent-color-lite: #{darken($body-background-dark, 2)};
@@ -83,6 +89,17 @@
       filter: saturate(2.5) brightness(0.85);
     }
 
+    .gdoc-hint,
+    .admonitionblock {
+      a {
+        color: var(--hint-link-color);
+
+        &:visited {
+          color: var(--hint-link-color-visited);
+        }
+      }
+    }
+
     .gdoc-hint__title,
     .admonitionblock table td:first-child {
       background-color: scale-color($gray-600, $alpha: -85%);