[Backport 5.3] Blob view: bandaid selection coloring (sourcegraph#60354)

Blob view: bandaid selection coloring (sourcegraph#60344)

bandaid selection coloring in blob view

(cherry picked from commit 8d5e4a5)

Co-authored-by: Camden Cheek <camden@ccheek.com>

Author: sourcegraph-release-bot

client/branded/src/search-ui/input/BaseCodeMirrorQueryInput.tsx

@@ -54,10 +54,10 @@ const staticExtensions: Extension = [
             padding: 0,
         },
         '&.cm-focused .cm-selectionLayer .cm-selectionBackground': {
-            backgroundColor: 'var(--code-selection-bg-2)',
+            backgroundColor: 'var(--code-selection-bg-2) !important',
         },
         '.cm-selectionLayer .cm-selectionBackground': {
-            backgroundColor: 'var(--code-selection-bg)',
+            backgroundColor: 'var(--code-selection-bg) !important',
         },
     }),
 ]

client/web-sveltekit/src/lib/search/BaseQueryInput.svelte

@@ -36,10 +36,10 @@
                 padding: 0,
             },
             '&.cm-focused .cm-selectionLayer .cm-selectionBackground': {
-                backgroundColor: 'var(--code-selection-bg-2)',
+                backgroundColor: 'var(--code-selection-bg-2) !important',
             },
             '.cm-selectionLayer .cm-selectionBackground': {
-                backgroundColor: 'var(--code-selection-bg)',
+                backgroundColor: 'var(--code-selection-bg) !important',
             },
         }),
         defaultTheme,

client/web/src/repo/blob/codemirror/codeintel/keybindings.ts

@@ -135,7 +135,7 @@ const theme = EditorView.theme({
         },
     },
     '.cm-selectionLayer .cm-selectionBackground': {
-        background: 'var(--code-selection-bg-2)',
+        background: 'var(--code-selection-bg-2) !important',
     },
 })