How to customise your own Obsidian theme with CSS in 3 steps

emeliaaal
4 min readFeb 13, 2021

Are you trying to get the best theme for Obsidian note-taking app but not fully happy with all the themes you tried?

Way easier than trying all of the themes, you can simply create your own by applying customised CSS with the help of the DevTool in 3 simple steps.

Step 1 — Make sure you checked “Apply CSS snippet” in settings

First and foremost, we need to enable custom CSS in Obsidian for the app to read your code and overwrite its default style. To enable custom CSS, simply click on Settings at the bottom right of your page in Obsidian to prompt up the Settings page. Once you are in the Settings page, click on Appearance and next to it, check the “Apply CSS snippet at (directory)” option arrowed in red below.

Checking this option basically points Obsidian to the CSS file in your vault’s root directory so that it can read and apply your custom CSS code. But of course, you don’t have any CSS file (let alone code) yet — so let’s get to step 2!

Step 2 — Create a new “obsidian.css” file in your snippets…

--

--

emeliaaal

Talks about #Obsidian #Notetaking #Productivity #Games & #Fitness