Obsidian + Everforest
This is an Everforest theme for Obsidian. It supports both light and dark modes.
Everforest is a green based color scheme, it's designed to be warm and soft in order to protect developers' eyes.
Features
- Green based but warm-toned.
- Designed to have soft contrast for eye protection.
- Works well with redshift and f.lux.
- Customizable.
- Rich support for common file types.
- Semantic highlighting support.
- Italic support.
Currently only supports the Medium Material modes.
Installation
Simply copy the everforest.css
file to your vault directory/.obsidian/themes to choose it from your settings.
TODO:
- Fix syntax highlighting in code blocks.
- Create light/dark Hard Flat scheme.
- Create light/dark Soft Contrast scheme.
Contributing
- This repo uses the "main" branch instead of "master"(legacy) branch.
- Fork this repo, detail changes, and submit a pull request.
Active selection not highlighted in command palette and quick switcher
Thanks for a fantastic theme - my favorite Obsidian them 😄
Steps to reproduce this bug
Open the command palette or quick switcher in dark mode
Actual behaviour
The active selection is not highlighted:
Expected behaviour
The active selection is highlighted:
Light mode does work, but the contrast is very slight so it's hard to see.
Add background-color when toggle is enabled
Not sure if this on your radar at all, but it might be an easy fix for enabling the background color when a toggle switch is enabled.
Currently, the toggle "dot" is invisible against the green background when the toggle is enabled:
With the css fix applied:
a lot of !important
For future development/maintenance, I think it would be a good idea to use as little
!important
as possible. Perhaps this could be part of a refactoring.Minor fixes
Thank you for the theme. I really like it but I had two minor issues with it.
Theme looks different with the latest Obsidian Update 0.15.6
I love this theme, but I think the latest Obsidian has changed some things under the hood which make this theme look a little rough around the edges :) For example when I click on anything in the sidebar it will add a white border around the element (screenshot):
Normally it looks like this (with no interaction)

For now I rolled back to Obsidian 0.14.15 and that seems to resolve my issues. But that's ofc only a temporary fix. Sadly I don't know enough CSS to fix it myself :)
Update Indentation Guide styling for Obsidian v0.14
Obsidian v0.14.0 introduced true Indentation Guides, so the css has been changed to modify the existing guides rather than creating it's own.
https://forum.obsidian.md/t/obsidian-release-v0-14-0-insider-build/33986
Dark mode link colors not working in live preview
When using this theme in dark mode, the link colors during "live preview" are blue instead of green. When switching to "reading mode", the link colors are the correct green. For verification purposes, I also tested this with all plugins disabled
Light mode color tweaks
After working with the theme for a little longer, I felt the need to tweak some things.
Maybe it would be helpful to update the screenshots for the readme.
Frontmatter YAML metadata not visible in Reading mode
As the title says, the frontmatter YAML box is not visible in reading mode.
I can see that it's been disabled in the CSS, but I would love a way to turn it back on without messing around in there myself. Some sort of settings pluggin perhaps? The Features block on the about page does say it's customizable.
Everforest:
Default Theme:
[Issue] Native WYSIWYG issues
Thanks again for a wonderful theme!
[Feature] Sidebar shading to show active menu
Would it be possible to add shading to the box around the active menu, such as what you have done for menu options, e.g.,
Thanks for an amazing theme :)