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

tweak(ui): hover and active styles for filetree tabs

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

26
packages/ui/src/components/tabs.css
View File

@@ -253,20 +253,20 @@
} }
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--surface-raised-base-hover); background-color: var(--surface-base-hover);
color: var(--text-strong); color: var(--text-strong);
} }
&:active:not(:disabled) { &:active:not(:disabled) {
background-color: var(--surface-raised-base-active); background-color: var(--surface-base-active);
} }
&:has([data-selected]) { &:has([data-selected]) {
background-color: var(--surface-raised-base-active); background-color: var(--surface-base-active);
color: var(--text-strong); color: var(--text-strong);
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--surface-raised-base-active); background-color: var(--surface-base-active);
} }
} }
} }
@@ -330,11 +330,11 @@
} }
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--surface-raised-base-hover); background-color: var(--surface-base-hover);
} }
&:has([data-selected]) { &:has([data-selected]) {
background-color: var(--surface-raised-base-active); background-color: var(--surface-base-active);
color: var(--text-strong); color: var(--text-strong);
} }
} }
@@ -368,11 +368,11 @@
} }
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--surface-raised-base-hover); background-color: var(--surface-base-hover);
} }
&:has([data-selected]) { &:has([data-selected]) {
background-color: var(--surface-raised-base-hover); background-color: var(--surface-base-hover);
color: var(--text-strong); color: var(--text-strong);
} }
} }
@@ -431,16 +431,16 @@
} }
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--surface-raised-base-hover); background-color: var(--surface-base-hover);
} }
&:has([data-slot="tabs-trigger"]:focus-visible) { &: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); box-shadow: var(--shadow-xs-border-focus);
} }
&:has([data-selected]) { &:has([data-selected]) {
background-color: var(--surface-raised-base-active); background-color: var(--surface-base-active);
color: var(--text-strong); color: var(--text-strong);
[data-component="icon"] { [data-component="icon"] {
@@ -448,13 +448,13 @@
} }
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--surface-raised-base-active); background-color: var(--surface-base-active);
} }
} }
} }
[data-slot="tabs-content"] { [data-slot="tabs-content"] {
background-color: var(--surface-raised-stronger-non-alpha); background-color: var(--surface-stronger-non-alpha);
} }
} }
} }