fix: links being accent (#399)

Covkie · web-flow · commit 1c0a33e3a5e7 · 2025-05-19T22:23:48.000+01:00
diff --git a/src/components/_details.scss b/src/components/_details.scss
@@ -162,7 +162,7 @@ button[class^="experimentButton_"][class*="buttonColor_"][class*="buttonActive_"
 }
 
 // Search bar and text input borders follow accent
-div[class*="container_"]:focus-within,
+div[class*="container_"]:focus-within:has(> div[class^="inner_"] > input),
 [class*="input_"][type="text"]:not([readOnly]):focus,
 [class*="input_"][type="text"]:not([readOnly]):focus:hover {
   --text-link: var(--brand-500);

Original file line number	Diff line number	Diff line change
`@@ -162,7 +162,7 @@ button[class^="experimentButton_"][class="buttonColor_"][class="buttonActive_"`
`162`	`162`	`}`
`163`	`163`
`164`	`164`	`// Search bar and text input borders follow accent`
`165`		`-div[class*="container_"]:focus-within,`
	`165`	`+div[class*="container_"]:focus-within:has(> div[class^="inner_"] > input),`
`166`	`166`	`[class*="input_"][type="text"]:not([readOnly]):focus,`
`167`	`167`	`[class*="input_"][type="text"]:not([readOnly]):focus:hover {`
`168`	`168`	`--text-link: var(--brand-500);`