Explorar el Código

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

David Hill hace 6 meses
padre
commit
a69b339baf

+ 4 - 0
packages/ui/src/components/button.css

@@ -179,6 +179,10 @@
   background-color: var(--surface-base-active);
   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) {
 [data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) {
   background-color: var(--surface-base-active);
   background-color: var(--surface-base-active);
 }
 }

+ 4 - 0
packages/ui/src/components/icon-button.css

@@ -176,6 +176,10 @@
   background-color: var(--surface-base-active);
   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) {
 [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-base-active);
 }
 }