[selection] highlight clarity (#342)

Author: drew-u410

CHANGELOG.md

@@ -11,6 +11,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Changed repository link in search to file tree + move external link to code host logo. [#340](https://github.com/sourcebot-dev/sourcebot/pull/340)
 - Added a basic file search dialog when browsing a repository. [#341](https://github.com/sourcebot-dev/sourcebot/pull/341)
 
+### Fixed
+- Text highlighting clarity. [#342](https://github.com/sourcebot-dev/sourcebot/pull/342)
+
 ## [4.2.0] - 2025-06-09
 
 ### Added

packages/web/src/app/globals.css

@@ -251,4 +251,20 @@
   /* Optionally, customize color or thickness: */
   /* text-decoration-color: #0070f3; */
   /* text-decoration-thickness: 2px; */
+}
+
+.cm-editor .cm-selectionBackground,
+.cm-editor .cm-line::selection,
+.cm-editor .cm-selectionLayer .cm-selectionBackground,
+.cm-content ::selection {
+    background: var(--editor-selection-highlight, #ffe066) !important;
+    color: var(--editor-selection-highlight-foreground, #222) !important;
+}
+
+.dark .cm-editor .cm-selectionBackground,
+.dark .cm-editor .cm-line::selection,
+.dark .cm-editor .cm-selectionLayer .cm-selectionBackground,
+.dark .cm-content ::selection {
+    background: var(--editor-selection-highlight, #2563eb) !important;
+    color: var(--editor-selection-highlight-foreground, #fff) !important;
 }