uplaod youdaonotes
This commit is contained in:
197
.obsidian/snippets/Iterative Rainbow Folder Icons.css
vendored
Normal file
197
.obsidian/snippets/Iterative Rainbow Folder Icons.css
vendored
Normal file
@@ -0,0 +1,197 @@
|
||||
/* Coloured Folders
|
||||
a CSS snippet by Lithou
|
||||
|
||||
This will allow the colouring of the top level folders into sections that "drop down" when opened.
|
||||
This is currently set to be the same colour regardless of theme, but you can change that by copy/pasting the colors from the root section into light/dark theme then changing them according to preference.
|
||||
The colours are rainbow coloured and 16 in number by default. They are shades such that white/lightgrey text shows up the best. Some have a bit let contrast (the lighter blue and the yellow) but should still be visible. Again, change them however you would like.
|
||||
*/
|
||||
:root{
|
||||
/* folder colours */
|
||||
--Fold0: #d32f2f;
|
||||
--Fold1: #f39b9b;
|
||||
--Fold2: #f0ae59;
|
||||
--Fold3: #f1ca5d;
|
||||
--Fold4: #9dcd78;
|
||||
--Fold5: #8ab6e2;
|
||||
--Fold6: #aaa5db;
|
||||
--Fold7: #d399cf;
|
||||
--Fold8: #cda485;
|
||||
--Fold9: #b9c0c7;
|
||||
--FoldA: #f0aaaa;
|
||||
--FoldB: #f1b86f;
|
||||
--FoldC: #7acc93;
|
||||
--FoldD: #87c9d9;
|
||||
--FoldE: #96abde;
|
||||
--FoldF: #eb9fc9;
|
||||
--FoldText: #000000;
|
||||
/* line styles for nesting indicators */
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Set up explorer container margins */
|
||||
.nav-files-container{margin: 0px 5px;}
|
||||
|
||||
|
||||
/* Top Level Folder Titles */
|
||||
.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title{
|
||||
font-size: 18px;
|
||||
color: var(--FoldText);
|
||||
padding-left: 20px;
|
||||
margin-top: 5px; /* space between top level sections */
|
||||
}
|
||||
|
||||
/* collapse arrow for folders */
|
||||
.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title>.nav-folder-collapse-indicator{
|
||||
position: absolute;
|
||||
left: 21px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
|
||||
.nav-file-title{
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
/* active file increase font size and removes normal highlight marker */
|
||||
.nav-file-title.is-active{
|
||||
color: #000000;
|
||||
font-weight: bold;}
|
||||
|
||||
|
||||
|
||||
/* Folder Icon Colors */
|
||||
|
||||
.nav-folder-children .nav-folder:nth-child(9n+2) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+2) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+2) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+2) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold1);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+3) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+3) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+3) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+3) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold2);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+4) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+4) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+4) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+4) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold3);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+5) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+5) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+5) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+5) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold4);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+6) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+6) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+6) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+6) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold5);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+7) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+7) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+7) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+7) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold6);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+8) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+8) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+8) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+8) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold7);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+9) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+9) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+9) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+9) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold8);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+10) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+10) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+10) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+10) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold9);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
|
||||
|
||||
/* the following is modified from the Blue Topaz Themme */
|
||||
|
||||
.nav-folder-collapse-indicator::after {
|
||||
position: absolute;
|
||||
content: "🖿";
|
||||
left: -8px;
|
||||
top: -1px;
|
||||
font-size: 15px;
|
||||
font-weight: strong;
|
||||
opacity: .8;
|
||||
transform: translateX(-0px) translateY(0px) rotate(
|
||||
0deg
|
||||
);
|
||||
transition: transform 10ms linear 0s;
|
||||
}
|
||||
|
||||
/*----file explorer smaller fonts & line height----*/
|
||||
.nav-file-title,
|
||||
.nav-folder-title {
|
||||
font-size: var(--font-size-folder-and-file);
|
||||
font-family: var(--font-family-folder-file-title);
|
||||
line-height: 1.2;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
border-image: initial;
|
||||
border-radius: 0px;
|
||||
padding: 1px 5px 0px 16px;
|
||||
color: var(--text-muted);
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nav-file-title {
|
||||
padding: 1px 5px 0px 4px;
|
||||
}
|
||||
|
||||
.nav-folder-title {
|
||||
font-weight: 600;
|
||||
color: var(--text-normal);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/*rename*/
|
||||
.nav-file-title-content.is-being-renamed,
|
||||
.nav-folder-title-content.is-being-renamed {
|
||||
cursor: text;
|
||||
border-color: transparent;
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/*---- nav arrows adjust location ----*/
|
||||
.nav-folder-collapse-indicator {
|
||||
position: absolute;
|
||||
left: 21px;
|
||||
top: 3px;
|
||||
transition: transform 20ms linear 0s;
|
||||
}
|
||||
|
||||
.nav-folder-collapse-indicator svg {
|
||||
display: none;
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
}
|
||||
258
.obsidian/snippets/Iterative Rainbow Folder Titles.css
vendored
Normal file
258
.obsidian/snippets/Iterative Rainbow Folder Titles.css
vendored
Normal file
@@ -0,0 +1,258 @@
|
||||
/* Coloured Folders
|
||||
a CSS snippet by Lithou
|
||||
|
||||
This will allow the colouring of the top level folders into sections that "drop down" when opened.
|
||||
This is currently set to be the same colour regardless of theme, but you can change that by copy/pasting the colors from the root section into light/dark theme then changing them according to preference.
|
||||
The colours are rainbow coloured and 16 in number by default. They are shades such that white/lightgrey text shows up the best. Some have a bit let contrast (the lighter blue and the yellow) but should still be visible. Again, change them however you would like.
|
||||
*/
|
||||
:root{
|
||||
/* folder colours */
|
||||
--Fold0: #d32f2f;
|
||||
--Fold1: #f39b9b;
|
||||
--Fold2: #f0ae59;
|
||||
--Fold3: #f1ca5d;
|
||||
--Fold4: #9dcd78;
|
||||
--Fold5: #8ab6e2;
|
||||
--Fold6: #aaa5db;
|
||||
--Fold7: #d399cf;
|
||||
--Fold8: #cda485;
|
||||
--Fold9: #b9c0c7;
|
||||
--FoldA: #f0aaaa;
|
||||
--FoldB: #f1b86f;
|
||||
--FoldC: #7acc93;
|
||||
--FoldD: #87c9d9;
|
||||
--FoldE: #96abde;
|
||||
--FoldF: #eb9fc9;
|
||||
--FoldText: #000000;
|
||||
/* line styles for nesting indicators */
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Set up explorer container margins */
|
||||
.nav-files-container{margin: 0px 5px;}
|
||||
|
||||
|
||||
/* Top Level Folder Titles */
|
||||
.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title{
|
||||
font-size: 18px;
|
||||
padding-left: 20px;
|
||||
margin-top: 5px; /* space between top level sections */
|
||||
}
|
||||
|
||||
/* collapse arrow for folders */
|
||||
.nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title>.nav-folder-collapse-indicator{
|
||||
position: absolute;
|
||||
left: 21px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
|
||||
.nav-file-title{
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
/* active file increase font size and removes normal highlight marker */
|
||||
.nav-file-title.is-active{
|
||||
color: #000000;
|
||||
font-weight: bold;}
|
||||
|
||||
|
||||
|
||||
/* Folder Title Colors */
|
||||
|
||||
.nav-folder-children .nav-folder:nth-child(9n+2) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+2) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+2) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+2) .nav-folder-title {
|
||||
color: var(--Fold1);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+3) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+3) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+3) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+3) .nav-folder-title {
|
||||
color: var(--Fold2);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+4) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+4) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+4) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+4) .nav-folder-title {
|
||||
color: var(--Fold3);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+5) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+5) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+5) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+5) .nav-folder-title {
|
||||
color: var(--Fold4);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+6) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+6) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+6) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+6) .nav-folder-title {
|
||||
color: var(--Fold5);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+7) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+7) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+7) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+7) .nav-folder-title {
|
||||
color: var(--Fold6);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+8) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+8) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+8) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+8) .nav-folder-title {
|
||||
color: var(--Fold7);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+9) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+9) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+9) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+9) .nav-folder-title {
|
||||
color: var(--Fold8);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+10) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+10) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+10) .nav-folder-title,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+10) .nav-folder-title {
|
||||
color: var(--Fold9);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
|
||||
/* Folder Icon Colors */
|
||||
|
||||
.nav-folder-children .nav-folder:nth-child(9n+2) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+2) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+2) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+2) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold1);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+3) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+3) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+3) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+3) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold2);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+4) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+4) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+4) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+4) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold3);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+5) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+5) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+5) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+5) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold4);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+6) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+6) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+6) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+6) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold5);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+7) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+7) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+7) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+7) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold6);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+8) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+8) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+8) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+8) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold7);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+9) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+9) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+9) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+9) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold8);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
.nav-folder-children .nav-folder:nth-child(9n+10) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder .nav-folder:nth-child(9n+10) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+10) .nav-folder-collapse-indicator,
|
||||
.nav-folder-children .nav-folder-children .nav-folder-children .nav-folder .nav-folder:nth-child(9n+10) .nav-folder-collapse-indicator {
|
||||
color: var(--Fold9);
|
||||
border-radius: 5px; margin-top: 2px;
|
||||
}
|
||||
|
||||
|
||||
/* the following is modified from the Blue Topaz Themme */
|
||||
|
||||
/*----file explorer smaller fonts & line height----*/
|
||||
.nav-file-title,
|
||||
.nav-folder-title {
|
||||
font-size: var(--font-size-folder-and-file);
|
||||
font-family: var(--font-family-folder-file-title);
|
||||
line-height: 1.2;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
border-image: initial;
|
||||
border-radius: 0px;
|
||||
padding: 1px 5px 0px 16px;
|
||||
color: var(--text-muted);
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nav-file-title {
|
||||
padding: 1px 5px 0px 4px;
|
||||
}
|
||||
|
||||
.nav-folder-title {
|
||||
font-weight: 600;
|
||||
color: var(--text-normal);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/*rename*/
|
||||
.nav-file-title-content.is-being-renamed,
|
||||
.nav-folder-title-content.is-being-renamed {
|
||||
cursor: text;
|
||||
border-color: transparent;
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/*---- nav arrows adjust location ----*/
|
||||
.nav-folder-collapse-indicator {
|
||||
position: absolute;
|
||||
left: 21px;
|
||||
top: 3px;
|
||||
transition: transform 20ms linear 0s;
|
||||
}
|
||||
|
||||
.nav-folder-collapse-indicator::after {
|
||||
position: absolute;
|
||||
content : "↓";
|
||||
left: -3px;
|
||||
top: 0px;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
transition: transform 10ms linear 0s;
|
||||
}
|
||||
|
||||
.nav-folder-collapse-indicator svg {
|
||||
display: none;
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
}
|
||||
274
.obsidian/snippets/coffebean-多彩文件夹.css
vendored
Normal file
274
.obsidian/snippets/coffebean-多彩文件夹.css
vendored
Normal file
@@ -0,0 +1,274 @@
|
||||
/*
|
||||
@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;*/
|
||||
/*}*/
|
||||
Reference in New Issue
Block a user