Obsidian lets you change how your notes look using something called CSS snippets. These are small text files that tell Obsidian which colours, fonts and shapes to use. You drop one into a folder, switch it on, and your whole vault changes. It’s built into Obsidian, so there’s nothing extra to install and no community plugins needed.
The catch is that writing CSS by hand is fiddly. The Obsidian Style Maker does it for you. Pick your colours for light and dark mode, choose your fonts, shape your tick boxes and tags, and add little touches like heading stars and soft quote boxes. A live preview shows the result as you go. When you like it, download the file, put it in your snippets folder and turn it on. It also checks that your text stays easy to read.
Some fonts are built in, so they travel inside your file with nothing to install. Everything runs in your browser, and your choices stay on your computer.
Today
Here is a link to another note and some tags #idea #now #today #later #waiting. Some inline code too.
A gentle note to yourself.
Built-in callouts follow the palette too.
No alarming colours needed.
Three things
- Drink some water
- Reply to one message
- Tidy the desk (in progress)
A quote
Small steps still count.
| Day | Energy |
|---|---|
| Mon | 3 |
| Tue | 4 |
The end of the note.
Download
Reading check (contrast)
How to install in Obsidian
- Click Download .css.
- In Obsidian open Settings → Appearance → CSS snippets and click the folder icon.
- Put the downloaded file in that folder.
- Click the refresh icon, then switch your style on.
- For the sparkles and extras, add the note line above to a note’s properties.
More free fonts (install yourself)
- Click a font, then Get font → Download all (on the Google Fonts page).
- Unzip it and install the font files (Windows: right-click → Install. Mac: double-click → Install Font).
- Restart Obsidian, then pick the font in the lists on this page.
Your settings
Show the CSS
Back to Other Tools →