Custom folder colors based on name

[AnubisNekhet]

The following snippet allows you to set custom folder colors based on name instead of a simple repeating pattern (Works with both rainbow folder styles):

.nav-folder:has(.nav-folder-title[data-path="00. Homepage"]) {
  --rainbow-folder-color: var(--ctp-green);
}

The only caveat is that it needs the latest obsidian version since it uses :has().

[Gentleman03]

You can use this code if you're using older obsidian version. It's theme agnostic.

.nav-folder-title[data-path="your folder name"] {
  color: #5999ff;
}

[Tanjamuse]

This is amazing. Thank you SO much. How can I use hex codes in the css snippet that works with the newer version?

[AnubisNekhet]

You'd need to use raw RGB r, g, b values for that unfortunately.