monadical/opencode
13
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) {
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);
}
}
}