↪Collection
File explorer styling - Rainbow folder background
author:: sailKite, rushi
(just tweaked a bit the original code by sailKite )
source::
cover::
.nav-folder-children > .nav-folder {
background-color : var (--folder-color );
--nav-item-color : black;
--nav-item-color-hover : black;
--nav-collapse-icon-color : black;
border-radius : 10px ;
}
.nav-folder-children > .nav-folder : hover {
filter : brightness (0.9 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 2 ) {
--folder-color : rgb (243 , 139 , 168 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 3 ) {
--folder-color : rgb (235 , 160 , 172 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 4 ) {
--folder-color : rgb (250 , 179 , 135 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 5 ) {
--folder-color : rgb (249 , 226 , 175 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 6 ) {
--folder-color : rgb (166 , 227 , 161 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 7 ) {
--folder-color : rgb (148 , 226 , 213 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 8 ) {
--folder-color : rgb (137 , 220 , 235 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 9 ) {
--folder-color : rgb (116 , 199 , 236 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 10 ) {
--folder-color : rgb (135 , 176 , 249 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 11 ) {
--folder-color : rgb (180 , 190 , 254 );
}
.nav-folder-children > .nav-folder : nth-child (11n + 12 ) {
--folder-color : rgb (203 , 166 , 247 );
}