diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index 28f597f8ab..794002888a 100644 --- 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 index e6e00e407a..ad8200ae68 100644 --- 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); }