iosonntag7k downloadsHighlight, dim & style your files & folders in the file explorer (navigation) based on predefined or custom rules.
Highlight, dim and style the files and folders in your Obsidian file explorer - automatically, with rules, or item by item.
A busy vault makes every file look equally important. TreeFocus lets you turn down the noise (template, attachment and archive folders) and bring the signal forward (your active projects) - so your file explorer reflects what actually matters to you.
Default, Fancy, Delight).main.js, manifest.json and styles.css from the latest release.<your-vault>/.obsidian/plugins/treefocus/.Requires Obsidian
1.2.0or newer.
Every item in the file explorer resolves to exactly one focus mode:
| Mode | Meaning |
|---|---|
💡 Highlight |
Make the item stand out. |
🥱 Dim |
Fade the item into the background. |
🍆 Default |
Leave it as Obsidian renders it. |
A mode is assigned in one of two ways, in order of priority:
The chosen mode is then rendered according to your selected style preset.
A rule says "apply this mode to every item that matches this condition". Each rule combines a match method with a match context, plus optional exclusions.
Match method
| Method | Matches when the value... |
|---|---|
Equals |
is exactly equal |
Contains |
appears anywhere |
Starts with |
is a prefix |
Ends with |
is a suffix |
Regex |
matches the regular expression |
Match context
| Context | Matched against |
|---|---|
Name |
the file or folder name |
Path |
the full vault-relative path |
TreeFocus ships with a few sensible defaults you can edit or remove:
_ (e.g. _templates, _attachments).. (hidden / system items).! (e.g. !inbox, !active-project).Tip: prefixing a folder with
_or!is a quick, zero-config way to dim or highlight it.
Right-click any file or folder in the explorer to set its mode explicitly. This overrides every matching rule and can be reset at any time.
The focus modes are abstract - the style preset decides how Highlight and Dim are actually drawn. Pick the one that fits your theme:
| Preset | Look |
|---|---|
Default |
Subtle, theme-friendly emphasis and fading. |
Fancy |
Stronger, more decorative styling. |
Delight |
A little extra flair. |
TreeFocus is fully compatible with Iconize (obsidian-iconize) - your folder icons and TreeFocus styling work side by side. Big thanks to @FlorianWoelki for that excellent plugin. 🎉
Pull requests are very welcome. If you have an improvement or a fix, please open a PR or an issue.
And do not talk yourself out of it because you think you are "not skilled enough" - we are all beginners, all the time. 🙂
pnpm install # install dependencies (pnpm 11+)
pnpm run dev # watch + rebuild on change
pnpm run build # type-check and produce a production build
Commits follow Conventional Commits (enforced by commitlint); releases are cut automatically by semantic-release.
If TreeFocus is useful to you, consider supporting its development - a feature request, a pull request, or a small coffee all help. Thank you!
Disclaimer: "TreeFocusMode™" is a tongue-in-cheek joke - a little parody of trademark overzealousness. No trademarks were harmed in the making of this plugin. Have a great day! 😄