âš¡ Inspired by the original Night Owl theme by Sarah Drasner.
- Open the Settings in Obsidian
- Navigate to Appearances tab under Options
- Under the Themes section, click on the
Browse
button next to Community Themes - Search for
Night Owl
in the Filter text input in the upper left corner - Click
Use
and then you're done! 🎉
- Download this repo
- Copy the
obsidian.css
file into your vault's/.obsidian/themes
directory - Rename the file to
Night Owl.css
so it will have a unique name in the theme selection dropdown - Open the Settings in Obsidian
- Navigate to Appearances tab under Options
- Under the Themes section, click on the dropdown menu next to Theme heading
- Select for
Night Owl
and then you're done! 🎉
Easiest: Use Obsidian Style Settings Plugin
This allows you to configure the theme directly in Obsidian without any CSS knowledge required!
More settings to come, but if you have specific requests, please open an issue here!
Check out CSS snippets as a way to progressively enhance the theme.
Here's a useful forum post to help get you started.
🎩 Thanks to the suggestion by @DutchPete!
This is arguably the most reliable route, but will require some familiarity with coding.
I recommend using Node.js so you can leverage the Sass I'm starting to break out so you can make meaningful changes.
The Sass partials are will a work in progress though, so the way things are organized will probably change over time as I establish out better ways to structure how theming styles should be organized.
When in preview mode, the typography is inspired by a dual font family system to easily distinguish between headings and regular text.
When in edit mode, the typography is inspired from a developer like environment where you're "coding" your second-brain.
🎩 Hat tip to the Dracula Obsidian Theme for serving as the base theme I used to create this theme.