fix(ui): use icon-strong-base for active titlebar icon buttons

iamdavidhill · iamdavidhill · commit a69b339bafd3 · 2026-02-17T17:51:49.000Z
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css
@@ -179,6 +179,10 @@
   background-color: var(--surface-base-active);
 }
 
+[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] [data-slot="icon-svg"] {
+  color: var(--icon-strong-base);
+}
+
 [data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) {
   background-color: var(--surface-base-active);
 }
diff --git a/packages/ui/src/components/icon-button.css b/packages/ui/src/components/icon-button.css
@@ -176,6 +176,10 @@
   background-color: var(--surface-base-active);
 }
 
+[data-component="icon-button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] [data-slot="icon-svg"] {
+  color: var(--icon-strong-base);
+}
+
 [data-component="icon-button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) {
   background-color: var(--surface-base-active);
 }

Original file line number	Diff line number	Diff line change
`@@ -179,6 +179,10 @@`
`179`	`179`	`background-color: var(--surface-base-active);`
`180`	`180`	`}`
`181`	`181`
	`182`	`+[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] [data-slot="icon-svg"] {`
	`183`	`+ color: var(--icon-strong-base);`
	`184`	`+}`
	`185`	`+`
`182`	`186`	`[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) {`
`183`	`187`	`background-color: var(--surface-base-active);`
`184`	`188`	`}`
Original file line number	Diff line number	Diff line change
`@@ -176,6 +176,10 @@`
`176`	`176`	`background-color: var(--surface-base-active);`
`177`	`177`	`}`
`178`	`178`
	`179`	`+[data-component="icon-button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] [data-slot="icon-svg"] {`
	`180`	`+ color: var(--icon-strong-base);`
	`181`	`+}`
	`182`	`+`
`179`	`183`	`[data-component="icon-button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) {`
`180`	`184`	`background-color: var(--surface-base-active);`
`181`	`185`	`}`