tweak(ui): unify titlebar expanded button background

iamdavidhill · iamdavidhill · commit f20c0bffd3e6 · 2026-02-18T20:18:16.000Z
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css
@@ -172,13 +172,13 @@
 }
 
 [data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] {
-  background-color: var(--surface-base-active);
+  background-color: var(--surface-raised-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);
+  background-color: var(--surface-raised-base-active);
 }
diff --git a/packages/ui/src/components/icon-button.css b/packages/ui/src/components/icon-button.css
@@ -169,13 +169,13 @@
 }
 
 [data-component="icon-button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] {
-  background-color: var(--surface-base-active);
+  background-color: var(--surface-raised-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);
+  background-color: var(--surface-raised-base-active);
 }

Original file line number	Diff line number	Diff line change
`@@ -172,13 +172,13 @@`
`172`	`172`	`}`
`173`	`173`
`174`	`174`	`[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] {`
`175`		`- background-color: var(--surface-base-active);`
	`175`	`+ background-color: var(--surface-raised-base-active);`
`176`	`176`	`}`
`177`	`177`
`178`	`178`	`[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] [data-slot="icon-svg"] {`
`179`	`179`	`color: var(--icon-strong-base);`
`180`	`180`	`}`
`181`	`181`
`182`	`182`	`[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) {`
`183`		`- background-color: var(--surface-base-active);`
	`183`	`+ background-color: var(--surface-raised-base-active);`
`184`	`184`	`}`
Original file line number	Diff line number	Diff line change
`@@ -169,13 +169,13 @@`
`169`	`169`	`}`
`170`	`170`
`171`	`171`	`[data-component="icon-button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] {`
`172`		`- background-color: var(--surface-base-active);`
	`172`	`+ background-color: var(--surface-raised-base-active);`
`173`	`173`	`}`
`174`	`174`
`175`	`175`	`[data-component="icon-button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] [data-slot="icon-svg"] {`
`176`	`176`	`color: var(--icon-strong-base);`
`177`	`177`	`}`
`178`	`178`
`179`	`179`	`[data-component="icon-button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) {`
`180`		`- background-color: var(--surface-base-active);`
	`180`	`+ background-color: var(--surface-raised-base-active);`
`181`	`181`	`}`