/* Minimalist Colored Folders (section color)

Adapted from Lithou and pbhopeful by prrtzt; progress-pride rainbow colours implemented by gb_obsidian

This will allow you to add colors to the top level sections in your vault.
The whole section of each top-level folder gets the color.
Colors have to be in R, G, B, which allows you to apply an opacity setting. You can change all of that below.

*/

:root{
    /* folder colors */
    --Fold1: 255, 255, 255;  /* Whilte or  #FFFFFF; */
    --Fold2: 255, 175, 200;  /* Pink; */
    --Fold3: 116, 215, 238;   /* Light blue */
    --Fold4: 97, 57, 21;  /* Brown; */
    --Fold5: 0, 0, 0 ;  /* Black  */
    --Fold6: 229, 0, 0;  /* Red; */
    --Fold7: 255, 140, 0;  /* Orange;  */
    --Fold8: 255, 237, 0;  /* Yellow;  */
    --Fold9: 0, 128, 38;  /* Green; */
    --FoldA:  0, 76, 255;  /*Blue */
    --FoldB: 117, 7, 135;  /* Violet */
	

    /* Opacity setting */
    --bgFoldOpacity: 0.5;

    /* Margins and padding */
    --foldBgPad: 5x;
    --foldBgMar: 5px;
}

/* Folder Background Colors */        

.nav-files-container > div > .nav-folder:nth-child(9n+2) {
    background-color: rgba(var(--Fold1), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}
.nav-files-container > div > .nav-folder:nth-child(9n+3) {
    background-color: rgba(var(--Fold2), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}
.nav-files-container > div > .nav-folder:nth-child(9n+4) {
    background-color: rgba(var(--Fold3), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}
.nav-files-container > div > .nav-folder:nth-child(9n+5) {
    background-color: rgba(var(--Fold4), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}
.nav-files-container > div > .nav-folder:nth-child(9n+6) {
    background-color: rgba(var(--Fold5), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}
.nav-files-container > div > .nav-folder:nth-child(9n+7) {
    background-color: rgba(var(--Fold6), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}
.nav-files-container > div > .nav-folder:nth-child(9n+8) {
    background-color: rgba(var(--Fold7), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}
.nav-files-container > div > .nav-folder:nth-child(9n+9) {
    background-color: rgba(var(--Fold8), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}
.nav-files-container > div > .nav-folder:nth-child(9n+10) {
    background-color: rgba(var(--Fold9), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}

.nav-files-container > div > .nav-folder:nth-child(9n+11) {
    background-color: rgba(var(--FoldA), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}
.nav-files-container > div > .nav-folder:nth-child(9n+12) {
    background-color: rgba(var(--FoldB), var(--bgFoldOpacity));
    border-radius: 5px; padding-top:var(--foldBgPad); padding-bottom: var(--foldBgPad); margin-top: var(--foldBgMar); margin-bottom: var(--foldBgMar);
}

/* Other settings */

.nav-file-title-content.is-being-renamed,
.nav-folder-title-content.is-being-renamed {
  cursor: text;
  border-color: transparent;
  background-color: white;
  color: black;
}