From 9887f0c675a70e1635e77c82acd7df647922b289 Mon Sep 17 00:00:00 2001
From: Stefan Wehrmeyer <mail@stefanwehrmeyer.com>
Date: Wed, 20 Sep 2023 15:33:39 +0200
Subject: [PATCH] Fix highlight color contrast in dark mode

---
 frontend/styles/components/misc.scss | 1 +
 frontend/styles/variables.scss       | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/frontend/styles/components/misc.scss b/frontend/styles/components/misc.scss
index 985cdc318..f157cae66 100644
--- 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
index e12c5e8c8..2d37d5177 100644
--- 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,