Obsidian Stats logoObsidian Stats

Folder Color System

by Erin Skidds
5
4
3
2
1
Score: 50/100
New Plugin
Install Code

Description

Customizable File Explorer folder colors, palettes, inheritance, and Lucide icons.

Reviews

No reviews yet.

Stats

1
stars
downloads
0
forks
0
days
0
days
0
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
9
commits

Latest Version

1.3.3
18 hours ago

Changelog

Fixing more bugs - also manifest in previous versions was incorrect. Fixed as of this version.

See all version on GitHub

README file from

Github

Folder Color System

A lightweight Obsidian community plugin that styles the File Explorer with configurable folder/file colors, recursive color inheritance, multiple palettes, custom 10-color palettes, and replacement folder icons.

Style Settings plugin is unnecessary and all settings are built into the plugin.

Features

  • 10-color repeating palette system
  • Built-in palettes plus a 10-color custom palette
  • Unlimited-depth parent color inheritance
  • Full-background and accent-border modes
  • File Explorer font controls
  • Light/dark text color controls
  • Replacement folder collapse icons
  • Match icon colors to folder colors or use one custom icon color
  • Icon opacity and size controls
  • Mobile compatible (isDesktopOnly: false)

Required for customization

Install Style Settings from Community Plugins. The default appearance still loads without it, but the configuration UI requires Style Settings.

The plugin calls app.workspace.trigger("parse-style-settings") on load so Style Settings can parse the @settings block in styles.css.

Manual installation for testing

  1. Create this folder inside your vault: .obsidian/plugins/folder-colors/
  2. Copy main.js, manifest.json, and styles.css into it.
  3. Restart Obsidian or reload the app.
  4. Enable Folder Color System under Settings → Community plugins.
  5. Install/enable Style Settings and configure Folder Color System from there.
Sponsors