Ensure selected text is visible in dark mode

philc · philc · commit 8ae0ed318b78 · 2025-12-27T21:12:34.000-08:00
Fixes #4729, #4734
diff --git a/pages/vomnibar_page.css b/pages/vomnibar_page.css
@@ -150,13 +150,17 @@ ul {
   }
 
   #vomnibar input {
-    background-color: #202124;
-    color: white;
     background-color: var(--vimium-foreground-color);
     color: var(--vimium-foreground-text-color);
     border: none;
   }
 
+  /* Ensure selected text is visible in dark mode. */
+  #vomnibar input::selection {
+    color: var(--vimium-foreground-color);
+    background-color: var(--vimium-foreground-text-color);
+  }
+
   #vomnibar li {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   }

Original file line number	Diff line number	Diff line change
`@@ -150,13 +150,17 @@ ul {`
`150`	`150`	`}`
`151`	`151`
`152`	`152`	`#vomnibar input {`
`153`		`- background-color: #202124;`
`154`		`- color: white;`
`155`	`153`	`background-color: var(--vimium-foreground-color);`
`156`	`154`	`color: var(--vimium-foreground-text-color);`
`157`	`155`	`border: none;`
`158`	`156`	`}`
`159`	`157`
	`158`	`+ /* Ensure selected text is visible in dark mode. */`
	`159`	`+ #vomnibar input::selection {`
	`160`	`+ color: var(--vimium-foreground-color);`
	`161`	`+ background-color: var(--vimium-foreground-text-color);`
	`162`	`+ }`
	`163`	`+`
`160`	`164`	`#vomnibar li {`
`161`	`165`	`border-bottom: 1px solid rgba(255, 255, 255, 0.1);`
`162`	`166`	`}`