文档树的彩虹色,参考了其他帖子的代码,做了颜色的修改,仿照 obs 的彩虹色。

但是字体颜色会影响到设置里的标题字体颜色

比较好看
/* 多彩文档树-10色新版 */
/* 定义颜色变量 */
:root {
--color1: #D20F39; /* 绛红 */
--color2: #E64553; /* 珊瑚红 */
--color3: #FC7323; /* 活力橙 */
--color4: #E49320; /* 琥珀黄 */
--color5: #51A940; /* 草木绿 */
--color6: #2D9CA2; /* 孔雀青 */
--color7: #04A5E5; /* 科技蓝 */
--color8: #209FB5; /* 浅海蓝 */
--color9: #2A6EF5; /* 群青蓝 */
--color10: #7287FD; /* 薰衣草紫 */
}
/* 第一层级容器样式 */
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background {
border-radius: 8px;
margin: 6px 4px;
border: 1px solid rgba(0,0,0,0.12);
transition: all 0.2s ease;
}
/* 10色循环背景 */
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n+1) { background: var(--color1) !important; }
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n+2) { background: var(--color2) !important; }
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n+3) { background: var(--color3) !important; }
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n+4) { background: var(--color4) !important; }
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n+5) { background: var(--color5) !important; }
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n+6) { background: var(--color6) !important; }
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n+7) { background: var(--color7) !important; }
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n+8) { background: var(--color8) !important; }
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n+9) { background: var(--color9) !important; }
.fn__flex-1.fn__flex-column.file-tree.sy__file ul.b3-list.b3-list--background:nth-of-type(10n) { background: var(--color10) !important; }
/* 所有文字颜色改为白色 */
.b3-list-item__text {
color: #F6F7F9 ;
font-weight: 450;
text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于