diff options
| author | David Hill <[email protected]> | 2026-02-18 18:50:02 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-02-18 20:18:17 +0000 |
| commit | 3690cafeb842dd69f2d432e84b5c5d5f50268f77 (patch) | |
| tree | f548f568ad50737d2a5de85c3bb1f46b46aa5e29 /packages/ui/src/components/button.css | |
| parent | bcca253dec379f5e16890d763a6e8ff5e06b5486 (diff) | |
| download | opencode-3690cafeb842dd69f2d432e84b5c5d5f50268f77.tar.gz opencode-3690cafeb842dd69f2d432e84b5c5d5f50268f77.zip | |
tweak(ui): hover and active styles for title bar buttons
Diffstat (limited to 'packages/ui/src/components/button.css')
| -rw-r--r-- | packages/ui/src/components/button.css | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index 8219ec92b..251eed848 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -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); } |