Improve legibility of filename match highlighting in dark mode

<mark> has its own semantics around text color, which we are now overriding.
isker · Jan 17, 2025 · dbac62a · dbac62a
1 parent 21222be
commit dbac62a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/odd-falcons-play.md 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
@@ -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}