ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): mute inactive file tab icons

Browse source
This commit is contained in:
David Hill 2026-02-27 00:15:11 +00:00
commit bf442a50c0
2 changed files with 39 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

42
packages/ui/src/components/tabs.css
View file

@ -229,21 +229,41 @@
}
}
[data-component="file-icon"] {
filter: grayscale(1) !important;
transition: filter 120ms ease;
}
&:has([data-selected]) {
[data-component="file-icon"] {
filter: grayscale(0) !important;
}
}
&:hover:not(:disabled):not(:has([data-selected])) {
color: var(--text-base);
background-color: var(--surface-base-hover);
}
/*
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;
}
.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;
}
}
}
}
}