文档树的彩虹色,参考了其他帖子的代码,做了颜色的修改,仿照 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); }
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于