Rainbow Obsidian

# rainbow-obsidian
Simple .css snippet for obsidian for rainbow folders
This snippet does not change fonts, font size, font style, padding, margins, etc.
Three variations available:
- rainbow.css (standard)
- rainbow_contrast.css (high contrast, better for dark themes)
- rainbow_dark.css (darker colors, better for light themes)

# Installation
- Drag *rainbow.css* to your snippets directory (/.obsidian/snippets/)
- You can find the .obsidian folder in the same folder where your vault is located.
- Enable the .css file in Settings > Appeareance > CSS snippets

# Variations
## rainbow.css (standard)
### default (light)
<img src="https://github.com/user-attachments/assets/1c3153c9-7f52-4069-8175-0762972f39d2" width="50%" />

### default (dark)
<img src="https://github.com/user-attachments/assets/74c3cd66-33ec-4d0b-9216-b49c512fde63" width="50%" />

### gruvbox (light)
<img src="https://github.com/user-attachments/assets/19c9115a-694e-46cd-a831-0f70a5a025c2" width="50%" />

### gruvbox (dark)
<img src="https://github.com/user-attachments/assets/a5ba4bf0-ad7a-4c7f-a0cc-d81486391fc7" width="50%" />

### transparent (light)
<img src="https://github.com/user-attachments/assets/1f1fd6e9-ed76-46f1-97b4-20fbc8b722c5" width="50%" />

### transparent (dark)
<img src="https://github.com/user-attachments/assets/a946ba88-150f-4fac-8c6f-2b73a204bf8c" width="50%" />

## rainbow_dark.css

### default (light)
<img src="https://github.com/user-attachments/assets/3876e3f8-8dc7-4fea-b4c6-c8202f26d632" width="50%" />

### default (dark)
<img src="https://github.com/user-attachments/assets/d11bb3b8-fcb3-408d-bf58-2395482f6402" width="50%" />

### gruvbox (light)
<img src="https://github.com/user-attachments/assets/e0be0cbb-bf72-46c9-99c2-9300c7f6cef1" width="50%" />

### gruvbox (dark)
<img src="https://github.com/user-attachments/assets/e64e638a-d7be-4ea9-8a8c-900ef6e8533b" width="50%" />

## rainbow_contrast.css

### default (dark)
<img src="https://github.com/user-attachments/assets/625e7602-29b5-4290-ac30-374a324b76f0" width="50%" />

### gruvbox (dark)
<img src="https://github.com/user-attachments/assets/368606eb-6039-403a-9b1d-e4ddeb45823e" width="50%" />