This is is an early version of the Firefly Theme, and some things may not be implemented yet - it works for me at the moment. If you're missing something, feel free to open up an issue to discuss possible changes.
- 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
obsidian.cssfrom the this repo. - Rename the file to
Firefly.css, to make sure that it has a unique name (preventing duplicates). - Place the file into your vault's /.obsidian/themes directory.
- Open the Settings in Obsidian.
- Navigate to Appearances tab under Options, also Ensure that the 'Base mode' setting is set to
Dark modeand that 'Custom CSS' is turned on. - Under the Themes section, click on the dropdown menu next to Theme heading.
- Select for Firefly and then you're done! 🎉
Firefly is a theme for Obsidian. The template provides a clean UI and decent color accents (for dark and light theme setup).
Firefly was created to add an Obsidian theme, that has more of the look and feel of a code editor in editor mode, and relies on more extended text formatting in preview mode, to deliver more of a blog ux there.
In the Firefly theme it is possible to highlight certain content using certain tags (I'll just call them code-style- tags (cst)). At the moment this is only an idea, which I have implemented rudimentary for now - the usage is of course absolutely optional.
cst are generated by double triple backticks (like code blocks), but instead of the programming language for syntax highlighting, a cst is written after the opening backticks. Cst's will always beginn with an underscore followed by a tag name such as e.g. _note, which will result in a specific style of the content written into the cst.
Using the _notes cst, the content inside the tag is highlighted in preview mode as a "note box", which has a drop shadow and additionally marks the text with a red #Note text.
This theme uses the Inter and JetBrains Mono fonts. For the best experience, I recommend installing these fonts onto your local machine.
This theme is inspired and more or less a mix of
- 🎊 Tokyo Night Obsidian Theme, by Ruslan Gagushin
- 🎊 Night Owl Theme, by Ben Hong
- 🎊 Clair de Lune Obsidian Theme, by Jamie Brynes
This Theme is under CC0-1.0 License - so absolutely feel free to use, change, modify or share this theme! ✌️