Navigation bar like AnuPpuccin theme

[Exion_Patrick]

What I’m trying to do

I’m sorry if this is not the proper section of the forum. I would like to know if it’s possible to have the navigation bar like the AnuPpuccin theme in the Minimal theme. I mean, icon folder for all folders (open and close icons), recursive colors from parent folder to children and file icon to notes. If I can customize the colors that would be awesome.

Things I have tried

I’m using the Icon folder plugin and File color plugin to get something similar, but it’s not what I really want.

Thanks in advance to everyone!

[ariehen]

Sure, it’s possible.

It’s just a matter of how much time you (or someone else) are willing to spend spelunking through the AnuPpuccin theme.css to find the relevant parts, extracting them, and adapting them to work with Minimal.

Some off the shelf options that look promising without much work:

A better sidebar with folders icons

[image] I’m aware of the plugin (Icon Folder) which is great but changing a folder’s icon doesn’t replace the arrows next to them. I searched couple of themes and managed to build my own sidebar. It has folders open/closed icons. Bold text for folders while normal for files. A bit larger text on mobile devices. All can be edited from the below css snippet. Also icons can easily be changed using any online svg icon and converting it to css format. I used THIS page for conversion And icons fr…

Iterative Rainbow Folder Colors css

Iterative Rainbow Folder Colors css I’m coming into Obsidian from onenote and one thing I missed from that app was the intuitive color coding of tabs, which made it easy to visually differentiate folders. And I just really like the aesthetics. So, with a lot of help from @SIRvb, and inspired by the Adding Color to Obsidian forum thread, we’ve come up with the following (left to right). The attached css files iteratively color folders in a 9 color repeating rainbow pattern up to three levels d…

Here’s an excellent guide for finding your way around Obsidian’s CSS:

Obsidian CSS Quick Guide

Obsidian CSS Quick Guide Hi friends! CSS in Obsidian can be confusing to get into, so this is a guide to get you started with information on the tools, methods, and some background knowledge! Let’s get started by looking at how you can look behind the curtain of Obsidian’s visuals. The Developer Console Obsidian is technically like a website. As such, you can view the source like any other browser. While you are inside the Obsidian window, you can press ctrl+shift+i to bring up the develope…