diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index 28f597f8a..794002888 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 e6e00e407..ad8200ae6 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); }