monadical/opencode
13
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) {
background-color: var(--surface-raised-base-hover);
background-color: var(--surface-base-hover);
}
&:focus-visible:not(:disabled) {
background-color: var(--surface-raised-base-hover);
background-color: var(--surface-base-hover);
}
&:active:not(:disabled) {
background-color: var(--surface-raised-base-active);
background-color: var(--surface-base-active);
}
&:disabled {
color: var(--text-weak);
@@ -65,10 +65,10 @@
}
}
&[data-selected="true"]:not(:disabled) {
background-color: var(--surface-raised-base-hover);
background-color: var(--surface-base-hover);
}
&[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"] {
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"] {
@@ -180,5 +180,5 @@
}
[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);
}