[chrome] apply style to suggestion.tsx

velzie · velzie · commit c8ca5e74309c · 2025-11-10T19:43:25.000-05:00
diff --git a/packages/chrome/src/components/Omnibar/Suggestion.tsx b/packages/chrome/src/components/Omnibar/Suggestion.tsx
@@ -105,7 +105,7 @@ Suggestion.style = css`
 		padding-bottom: 0.25em;
 
 		white-space: nowrap;
-		color: var(--fg);
+		color: var(--toolbar_text);
 		overflow: hidden;
 
 		border-radius: var(--radius);
@@ -148,10 +148,10 @@ Suggestion.style = css`
 	}
 	:scope.focused,
 	:scope.focused:hover {
-		background: var(--bg20);
+		background: var(--accent);
 	}
 	:scope:hover {
-		background: var(--bg04);
+		background: var(--toolbarbutton-hover-background);
 	}
 
 	.focused .description {

Original file line number	Diff line number	Diff line change
@@ -105,7 +105,7 @@ Suggestion.style = css`
`105`	`105`	`padding-bottom: 0.25em;`
`106`	`106`
`107`	`107`	`white-space: nowrap;`
`108`		`- color: var(--fg);`
	`108`	`+ color: var(--toolbar_text);`
`109`	`109`	`overflow: hidden;`
`110`	`110`
`111`	`111`	`border-radius: var(--radius);`
@@ -148,10 +148,10 @@ Suggestion.style = css`
`148`	`148`	`}`
`149`	`149`	`:scope.focused,`
`150`	`150`	`:scope.focused:hover {`
`151`		`- background: var(--bg20);`
	`151`	`+ background: var(--accent);`
`152`	`152`	`}`
`153`	`153`	`:scope:hover {`
`154`		`- background: var(--bg04);`
	`154`	`+ background: var(--toolbarbutton-hover-background);`
`155`	`155`	`}`
`156`	`156`
`157`	`157`	`.focused .description {`