diff options
| author | David Hill <[email protected]> | 2026-02-27 00:15:11 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-02-27 00:18:14 +0000 |
| commit | bf442a50c0b7007b9c4089b8c18e739f94a6c7cf (patch) | |
| tree | 61429d4ec46f70bf8c3179f9ea81213d4b5755f8 /packages/ui/src/components | |
| parent | 09e1b98bc6fcd13a3481dd0b54fdc9805a1b8c6c (diff) | |
| download | opencode-bf442a50c0b7007b9c4089b8c18e739f94a6c7cf.tar.gz opencode-bf442a50c0b7007b9c4089b8c18e739f94a6c7cf.zip | |
fix(ui): mute inactive file tab icons
Diffstat (limited to 'packages/ui/src/components')
| -rw-r--r-- | packages/ui/src/components/tabs.css | 40 |
1 files changed, 30 insertions, 10 deletions
diff --git a/packages/ui/src/components/tabs.css b/packages/ui/src/components/tabs.css index 8b54824e7..f8045702f 100644 --- a/packages/ui/src/components/tabs.css +++ b/packages/ui/src/components/tabs.css @@ -229,20 +229,40 @@ } } - [data-component="file-icon"] { - filter: grayscale(1) !important; - transition: filter 120ms ease; + &:hover:not(:disabled):not(:has([data-selected])) { + color: var(--text-base); + background-color: var(--surface-base-hover); } - &:has([data-selected]) { - [data-component="file-icon"] { - filter: grayscale(0) !important; + /* + File tabs: use monochrome icon by default. + Full-color icon is shown on hover/selected. + */ + [data-slot="tabs-trigger"] { + .tab-fileicon-color, + .tab-fileicon-mono { + transition: opacity 120ms ease; } - } - &:hover:not(:disabled):not(:has([data-selected])) { - color: var(--text-base); - background-color: var(--surface-base-hover); + .tab-fileicon-color { + opacity: 0; + } + + .tab-fileicon-mono { + opacity: 1; + color: currentColor; + } + + &[data-selected], + &:hover { + .tab-fileicon-color { + opacity: 1; + } + + .tab-fileicon-mono { + opacity: 0; + } + } } } } |