Fix highlight color contrast in dark mode

CodeWithAloha · Sep 20, 2023 · 9887f0c · 9887f0c
1 parent ec98f52
commit 9887f0c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/frontend/styles/components/misc.scss b/frontend/styles/components/misc.scss
@@ -6,6 +6,7 @@
 
 .highlight {
   background: $highlight;
+  color: $highlight-color;
 }
 
 [v-cloak] {

diff --git a/frontend/styles/variables.scss b/frontend/styles/variables.scss
@@ -115,6 +115,8 @@ $box-shadow-yellow: 2px 2px 0 transparentize($yellow-300, 0.85);
 $froide-theme: ("highlight", "callout");
 
 $highlight: var(--froide-highlight-bg);
+$highlight-color: var(--froide-highlight-color);
+
 $froide-theme-light: (
   "highlight": (
     "bg": $yellow-100,