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

tui: show monochrome file icons by default in tree view, revealing colors on hover to reduce visual clutter and help users focus on code content

Browse Source
This commit is contained in:
David Hill
2026-02-17 18:23:04 +00:00
parent ce7484b4f5
commit a685e7a805
3 changed files with 73 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/ui/src/components/file-icon.css
View File

@@ -3,3 +3,35 @@
width: 16px;
height: 16px;
}
/*
File tree: show monochrome weak icons by default.
On hover, show the original file-type colors.
*/
[data-component="filetree"] .filetree-icon--mono {
color: var(--icon-base);
}
[data-component="filetree"] .filetree-iconpair {
position: relative;
display: inline-flex;
width: 16px;
height: 16px;
}
[data-component="filetree"] .filetree-iconpair [data-component="file-icon"] {
position: absolute;
inset: 0;
}
[data-component="filetree"] .filetree-iconpair .filetree-icon--color {
opacity: 0;
}
[data-component="filetree"]:hover .filetree-iconpair .filetree-icon--color {
opacity: 1;
}
[data-component="filetree"]:hover .filetree-iconpair .filetree-icon--mono {
opacity: 0;
}