dracula / dracula/obsidian

Use color in the "Files" sidebar to better distinguish files, folders, etc.

Open
#35 5 comments 1 reaction 0 assignees View on GitHub
enhancement help wanted
Dominant language
CSS
Stars
133
Forks
27
PR merge metrics
No merged PRs in 30d

Description

The Obsidian color palette is very nice and gives a good variety of colors to choose from... but it currently feels *very* underused in this specific implementation of the theme. I get that you might not want to swing too hard in the other direction by making every single element colorful, but I often forget that I'm specifically using a "Dracula" theme as opposed to just any other generic dark theme.

The first thing that I'll suggest (because it's the one that's constantly popping into my mind) is the "Files" sidebar. Colored text would go a long way towards both readability and aesthetics IMO, as would very simple colored icons... I'm assuming Obsidian would properly render embedded BASE64 graphics if needed? Are the default Obsidian icons referencable via CSS?

I don't have specific thoughts on exactly what should be what color from the palette, but directories could be colored using Dracula's yellow/orange/red for different depth levels. Similarly, different file types could be colored differently (e.g. regular Markdown vs. Canvas vs. popular extension types like Kanban boards) and have simple icons.

I'd consider taking a shot at it but I'm fairly busy with work at the moment and I would only classify my CSS skills as "passable". Maybe I'll take a look at some point anyway if I find the time considering the existing CSS doesn't look

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue names no specific file or test; start by reviewing the existing theme CSS and the Obsidian Files sidebar styling and icon options. Define a restrained Dracula palette treatment for folders and file types, then verify that the sidebar distinguishes them without making the rest of the theme overly colorful.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.