diff options
Diffstat (limited to 'packages/ui/src')
| -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; + } + } } } } |