275 lines
14 KiB
CSS
275 lines
14 KiB
CSS
/*
|
||
@Author : coffeebean
|
||
@contact : https://obsidian.vip/
|
||
@File : coffeebean-多彩文件夹.css
|
||
@Software : webstorm
|
||
@Date : 2022-12-17 16:32:06
|
||
@update : 2022-12-17 16:32:12
|
||
@Desc : 用来给左侧文件夹设置多彩的背景色，根据文件夹的名字来设置背景色
|
||
*/
|
||
.nav-folder { /* 未展开的文件夹 */ /* 默认的背景颜色 */ /*background-color: #CCC;*/}
|
||
|
||
/*给数字开头的文件夹 设定背景颜色 开始*/
|
||
.nav-folder > .nav-folder-title[data-path^="0"] {
|
||
background-image: linear-gradient(to right, #add8e6 0%, #00ffff 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="1"] {
|
||
background-image: linear-gradient(to right, #87ceeb 0%, #00bfff 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="2"] {
|
||
background-image: linear-gradient(to right, #87cefa 0%, #00bfff 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="3"] {
|
||
background-image: linear-gradient(to right, #87cefa 0%, #00b2ee 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="4"] {
|
||
background-image: linear-gradient(to right, #87cefa 0%, #00a5d6 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="5"] {
|
||
background-image: linear-gradient(to right, #87cefa 0%, #0097c9 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="6"] {
|
||
background-image: linear-gradient(to right, #87cefa 0%, #008bb7 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="7"] {
|
||
background-image: linear-gradient(to right, #87cefa 0%, #0080a2 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="8"] {
|
||
background-image: linear-gradient(to right, #87cefa 0%, #007380 100%);
|
||
}
|
||
.nav-folder > .nav-folder-title[data-path^="9"] {
|
||
background-image: linear-gradient(to right, #87cefa 0%, #006659 100%);
|
||
}
|
||
|
||
/*给数字开头的文件夹 设定背景颜色 结束*/
|
||
|
||
/*给小写字母开头的文件夹 设定背景颜色 开始*/
|
||
.nav-folder > .nav-folder-title[data-path^="a"] {
|
||
/* 如果div中的文本内容以小写字母a开头，则修改div的背景颜色 */ background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="b"] {
|
||
/* 如果div中的文本内容以小写字母b开头，则修改div的背景颜色 */ background-image: linear-gradient(120deg, #f0a3fc 0%, #f6677d 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="c"] {
|
||
/* 如果div中的文本内容以小写字母c开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #f0b4fd 0%, #f7778e 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="d"] {
|
||
/* 如果div中的文本内容以小写字母d开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #f0c5fe 0%, #f8879f 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="e"] {
|
||
/* 如果div中的文本内容以小写字母e开头，则修改div的背景颜色 */ /*background-image: radial-gradient(circle 248px at center, #f0d6ff 0%, #f997b0 100%);*/ background-image: linear-gradient(to right, #f0d6ff 0%, #f997b0 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="f"] {
|
||
/* 如果div中的文本内容以小写字母f开头，则修改div的背景颜色 */ background-image: linear-gradient(120deg, #f0e7ff 0%, #faa7c1 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="g"] {
|
||
/* 如果div中的文本内容以小写字母g开头，则修改div的背景颜色 */ background-image: linear-gradient(120deg, #f0f8ff 0%, #fbb7d2 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="h"] {
|
||
/* 如果div中的文本内容以小写字母a开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #e1f9ff 0%, #fac7e3 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="i"] {
|
||
/* 如果div中的文本内容以小写字母a开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #d2faff 0%, #fbd7f4 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="j"] {
|
||
/* 如果div中的文本内容以小写字母a开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #c3fbff 0%, #fce805 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="k"] {
|
||
/* 如果div中的文本内容以小写字母a开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #b4fcff 0%, #fcf816 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="l"] {
|
||
/* 如果div中的文本内容以小写字母a开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #a5fdff 0%, #fd0727 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="m"] {
|
||
/* 如果div中的文本内容以小写字母m开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #96feff 0%, #fd1738 20%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="n"] {
|
||
/* 如果div中的文本内容以小写字母n开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #87ffff 0%, #fd2749 10%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="o"] {
|
||
/* 如果div中的文本内容以小写字母o开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #78ffff 0%, #fd375a 0%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="p"] {
|
||
/* 如果div中的文本内容以小写字母p开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #69ffff 0%, #fd476b 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="q"] {
|
||
/* 如果div中的文本内容以小写字母q开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #5affff 0%, #fd577c 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="r"] {
|
||
/* 如果div中的文本内容以小写字母r开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #4bffff 0%, #fd678d 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="s"] {
|
||
/* 如果div中的文本内容以小写字母s开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #3cffff 0%, #fd779e 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="t"] {
|
||
/* 如果div中的文本内容以小写字母t开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #2dffff 0%, #fd87af 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="u"] {
|
||
/* 如果div中的文本内容以小写字母u开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #1effff 0%, #fd97c0 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="v"] {
|
||
/* 如果div中的文本内容以小写字母v开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #0fffff 0%, #fda7d1 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="w"] {
|
||
/* 如果div中的文本内容以小写字母w开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #00ffff 0%, #fdb7e2 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="x"] {
|
||
/* 如果div中的文本内容以小写字母x开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #00ffff 0%, #fdc7f3 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="y"] {
|
||
/* 如果div中的文本内容以小写字母y开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #00ffff 0%, #fdd7ff 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="z"] {
|
||
/* 如果div中的文本内容以小写字母z开头，则修改div的背景颜色 */ background-image: linear-gradient(to right, #00ffff 0%, #fee7ff 100%);
|
||
}
|
||
/*.nav-folder > .nav-folder-title[data-path^="z"] {*/
|
||
/* !* 如果div中的文本内容以小写字母a开头，则修改div的背景颜色 *!*//* background-image: linear-gradient(to right, #f46b45 0%, #eea849 100%);*/
|
||
/*}*/
|
||
|
||
|
||
/*给大写字母开头的文件夹 设定背景颜色 开始*/
|
||
.nav-folder > .nav-folder-title[data-path^="A"] {
|
||
/* 如果div中的文本内容以大写字母A开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="B"] {
|
||
/* 如果div中的文本内容以大写字母B开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="C"] {
|
||
/* 如果div中的文本内容以大写字母C开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="D"] {
|
||
/* 如果div中的文本内容以大写字母D开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="E"] {
|
||
/* 如果div中的文本内容以大写字母E开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="F"] {
|
||
/* 如果div中的文本内容以大写字母F开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="G"] {
|
||
/* 如果div中的文本内容以大写字母G开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="H"] {
|
||
/* 如果div中的文本内容以大写字母H开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="I"] {
|
||
/* 如果div中的文本内容以大写字母I开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="J"] {
|
||
/* 如果div中的文本内容以大写字母J开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="K"] {
|
||
/* 如果div中的文本内容以大写字母K开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="L"] {
|
||
/* 如果div中的文本内容以大写字母L开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="M"] {
|
||
/* 如果div中的文本内容以大写字母M开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="N"] {
|
||
/* 如果div中的文本内容以大写字母N开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="O"] {
|
||
/* 如果div中的文本内容以大写字母O开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="P"] {
|
||
/* 如果div中的文本内容以大写字母P开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="Q"] {
|
||
/* 如果div中的文本内容以大写字母Q开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="R"] {
|
||
/* 如果div中的文本内容以大写字母R开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="S"] {
|
||
/* 如果div中的文本内容以大写字母S开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="T"] {
|
||
/* 如果div中的文本内容以大写字母T开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="U"] {
|
||
/* 如果div中的文本内容以大写字母U开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="V"] {
|
||
/* 如果div中的文本内容以大写字母V开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="W"] {
|
||
/* 如果div中的文本内容以大写字母W开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="X"] {
|
||
/* 如果div中的文本内容以大写字母X开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="Y"] {
|
||
/* 如果div中的文本内容以大写字母Y开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
}
|
||
|
||
.nav-folder > .nav-folder-title[data-path^="Z"] {
|
||
/* 如果div中的文本内容以大写字母Z开头，则修改div的背景颜色 */ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
|
||
padding: 10px 0 10px 0;
|
||
}
|
||
|
||
/*给大写字母开头的文件夹 设定背景颜色 结束*/
|
||
|
||
/*!*彩蛋-隐藏指定的文件夹*!*/
|
||
/*.nav-folder > .nav-folder-title[data-path^="_gsdata_"] {*/
|
||
/* !* 如果div中的文本内容以 _gsdata_ 开头，则隐藏此文件夹 *!*//* display: none!important;*/
|
||
/*}*/
|