fix: Fixes Super search highlights styling (#3009)

antsgar · web-flow · commit a39bb824f7b6 · 2026-04-29T13:01:30.000-03:00
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/base.scss b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/base.scss
@@ -42,9 +42,7 @@
 }
 
 ::highlight(search-results) {
-  background-color: var(--sn-stylekit-info-color);
   background-color: color-mix(in srgb, var(--sn-stylekit-info-color), transparent 60%);
-  color: var(--text-norm);
 }
 
 // has to be defined separately, otherwise browsers which don't support ::highlight syntax
@@ -57,6 +55,6 @@
 }
 
 ::highlight(active-search-result) {
-  background-color: var(--sn-stylekit-info-color);
-  color: var(--text-norm);
+  background-color: color-mix(in srgb, var(--sn-stylekit-info-color), transparent 30%);
+  color: var(--sn-stylekit-info-contrast-color);
 }

Original file line number	Diff line number	Diff line change
`@@ -42,9 +42,7 @@`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`::highlight(search-results) {`
`45`		`- background-color: var(--sn-stylekit-info-color);`
`46`	`45`	`background-color: color-mix(in srgb, var(--sn-stylekit-info-color), transparent 60%);`
`47`		`- color: var(--text-norm);`
`48`	`46`	`}`
`49`	`47`
`50`	`48`	`// has to be defined separately, otherwise browsers which don't support ::highlight syntax`
`@@ -57,6 +55,6 @@`
`57`	`55`	`}`
`58`	`56`
`59`	`57`	`::highlight(active-search-result) {`
`60`		`- background-color: var(--sn-stylekit-info-color);`
`61`		`- color: var(--text-norm);`
	`58`	`+ background-color: color-mix(in srgb, var(--sn-stylekit-info-color), transparent 30%);`
	`59`	`+ color: var(--sn-stylekit-info-contrast-color);`
`62`	`60`	`}`