From dbac62aaf777c0479a472193e1189c1ac3c34552 Mon Sep 17 00:00:00 2001
From: Ian Kerins <git@isk.haus>
Date: Fri, 17 Jan 2025 18:26:49 -0500
Subject: [PATCH] Improve legibility of filename match highlighting in dark
 mode

<mark> has its own semantics around text color, which we are now
overriding.
---
 .changeset/odd-falcons-play.md                   | 5 +++++
 src/routes/(search-page)/rendered-content.svelte | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/odd-falcons-play.md

diff --git a/.changeset/odd-falcons-play.md b/.changeset/odd-falcons-play.md
new file mode 100644
index 0000000..f10dc21
--- /dev/null
+++ b/.changeset/odd-falcons-play.md
@@ -0,0 +1,5 @@
+---
+"neogrok": patch
+---
+
+Improve legibility of filename match highlighting in dark mode
diff --git a/src/routes/(search-page)/rendered-content.svelte b/src/routes/(search-page)/rendered-content.svelte
index 1a29850..80ea7ff 100644
--- a/src/routes/(search-page)/rendered-content.svelte
+++ b/src/routes/(search-page)/rendered-content.svelte
@@ -126,11 +126,11 @@
       enumerate all possible colors emitted by the highlight theme (thus
       coupling us to it) in code, so that tailwind could pick them up.
     -->
-    <mark class="bg-yellow-200 dark:bg-yellow-900"
+    <mark class="bg-yellow-200 dark:bg-yellow-900 text-inherit"
       ><span style={`color: ${color}`} class={fontClass}>{text}</span></mark
     >
   {:else if match}
-    <mark class="bg-yellow-200 dark:bg-yellow-900">{text}</mark>
+    <mark class="bg-yellow-200 dark:bg-yellow-900 text-inherit">{text}</mark>
   {:else if color}
     <span style={`color: ${color}`} class={fontClass}>{text}</span>
   {:else}