Rainbow-Colored Sidebar Plugin

This Obsidian plugin automatically colors your sidebar based on a color scheme you select. No CSS tweaking needed. No configuration for single folders. No folder prefixes.

I built this plugin because I wasn't satisfied with the options for colored sidebars that are currently available. There is no limit in the number of folders in your sidebar, as the color theme repeats infinitely.

Important

This plugin automatically colors your sidebar based on the folder list sorted from A-Z. The ordering of folders in your file manager cannot be taken into account, so it's possible that some colors might end up mixed.

Features

• 18 Color Themes compatible with both the dark and light mode of Obsidian.
  • Normal schemes for general use, including Default, A11y, Pastel, and Muted.
  • Special schemes with stronger visual themes, including Blue Wave, Summer Vibes, Pink Blossom, Cyberpunk, Noir Carnival, and Mixed.
  • Light user interface schemes with darker colors for lighter Obsidian themes.
  • Dark user interface schemes with brighter colors for darker Obsidian themes.
• Automatic coloring of sub-folders and files, with an indicator for active files.
• Additional option to toggle an accessibility mode which increases the color contrast.
• Option to restart the coloring for subfolders so larger structures may get their own styling.

Available Themes

Installation

From Community Plugins

1. Open Obsidian or the Plugin Marketplace
2. Go to Settings > Community plugins.
3. Click on Browse and search for Rainbow-Colored Sidebar.
4. Click Install and then Enable.

From Release Download

1. Download the latest release from the GitHub releases page.
2. Extract the downloaded zip file.
3. Copy the extracted folder to your Obsidian plugins directory: /.obsidian/plugins/.
4. Open Obsidian and go to Settings > Community plugins. Click the reload icon.
5. Find Rainbow-Colored Sidebar and click Enable.

Configuration

1. Open Obsidian.
2. Go to Settings > Rainbow-Colored Sidebar.

Base Settings

• Select the Color Scheme: Choose your theme. Done. Nothing else is needed.

Accessibility Settings

• Increase Contrast: Increases the color contrast if enabled for better readability.

Enable Independent Color Scheme for Specific Folders

This restarts the color scheme for selected sub folders to distinguish them from top level folders

• Select folders: Select a folder from your Vault to restart the color scheme for that folder.

Contributing

Contributions are welcome. If you want to add a new theme or feature, please read the contribution guide before opening a pull request.

---

This project is inspired by the Colored Sidebar CSS Snipped.

---

❤️ Support my work via Patreon, Github Sponsors or Liberapay.