monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

tweak(ui): hover and active styles for title bar buttons

Browse Source
This commit is contained in:
David Hill
2026-02-18 18:50:02 +00:00
parent bcca253dec
commit 3690cafeb8
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/ui/src/components/button.css
View File

@@ -48,13 +48,13 @@
} }
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--surface-raised-base-hover); background-color: var(--surface-base-hover);
} }
&:focus-visible:not(:disabled) { &:focus-visible:not(:disabled) {
background-color: var(--surface-raised-base-hover); background-color: var(--surface-base-hover);
} }
&:active:not(:disabled) { &:active:not(:disabled) {
background-color: var(--surface-raised-base-active); background-color: var(--surface-base-active);
} }
&:disabled { &:disabled {
color: var(--text-weak); color: var(--text-weak);
@@ -65,10 +65,10 @@
} }
} }
&[data-selected="true"]:not(:disabled) { &[data-selected="true"]:not(:disabled) {
background-color: var(--surface-raised-base-hover); background-color: var(--surface-base-hover);
} }
&[data-active="true"] { &[data-active="true"] {
background-color: var(--surface-raised-base-active); background-color: var(--surface-base-active);
} }
} }
@@ -172,7 +172,7 @@
} }
[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] { [data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] {
background-color: var(--surface-raised-base-active); background-color: var(--surface-base-active);
} }
[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] [data-slot="icon-svg"] { [data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] [data-slot="icon-svg"] {
@@ -180,5 +180,5 @@
} }
[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-raised-base-active); background-color: var(--surface-base-active);
} }