diff options
| author | David Hill <[email protected]> | 2026-02-18 18:50:15 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-02-18 20:18:17 +0000 |
| commit | 4e959849f6a09b8b8094797d0885c6ae5030e6ee (patch) | |
| tree | e493b0261ff3f942ec24034025f31e1fcebad2e3 /packages/ui/src/components/tabs.css | |
| parent | 3690cafeb842dd69f2d432e84b5c5d5f50268f77 (diff) | |
| download | opencode-4e959849f6a09b8b8094797d0885c6ae5030e6ee.tar.gz opencode-4e959849f6a09b8b8094797d0885c6ae5030e6ee.zip | |
tweak(ui): hover and active styles for filetree tabs
Diffstat (limited to 'packages/ui/src/components/tabs.css')
| -rw-r--r-- | packages/ui/src/components/tabs.css | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/packages/ui/src/components/tabs.css b/packages/ui/src/components/tabs.css index de5e1750e..03df9cd84 100644 --- a/packages/ui/src/components/tabs.css +++ b/packages/ui/src/components/tabs.css @@ -253,20 +253,20 @@ } &:hover:not(:disabled) { - background-color: var(--surface-raised-base-hover); + background-color: var(--surface-base-hover); color: var(--text-strong); } &:active:not(:disabled) { - background-color: var(--surface-raised-base-active); + background-color: var(--surface-base-active); } &:has([data-selected]) { - background-color: var(--surface-raised-base-active); + background-color: var(--surface-base-active); color: var(--text-strong); &:hover:not(:disabled) { - background-color: var(--surface-raised-base-active); + background-color: var(--surface-base-active); } } } @@ -330,11 +330,11 @@ } &:hover:not(:disabled) { - background-color: var(--surface-raised-base-hover); + background-color: var(--surface-base-hover); } &:has([data-selected]) { - background-color: var(--surface-raised-base-active); + background-color: var(--surface-base-active); color: var(--text-strong); } } @@ -368,11 +368,11 @@ } &:hover:not(:disabled) { - background-color: var(--surface-raised-base-hover); + background-color: var(--surface-base-hover); } &:has([data-selected]) { - background-color: var(--surface-raised-base-hover); + background-color: var(--surface-base-hover); color: var(--text-strong); } } @@ -431,16 +431,16 @@ } &:hover:not(:disabled) { - background-color: var(--surface-raised-base-hover); + background-color: var(--surface-base-hover); } &:has([data-slot="tabs-trigger"]:focus-visible) { - background-color: var(--surface-raised-base-hover); + background-color: var(--surface-base-hover); box-shadow: var(--shadow-xs-border-focus); } &:has([data-selected]) { - background-color: var(--surface-raised-base-active); + background-color: var(--surface-base-active); color: var(--text-strong); [data-component="icon"] { @@ -448,13 +448,13 @@ } &:hover:not(:disabled) { - background-color: var(--surface-raised-base-active); + background-color: var(--surface-base-active); } } } [data-slot="tabs-content"] { - background-color: var(--surface-raised-stronger-non-alpha); + background-color: var(--surface-stronger-non-alpha); } } } |