obsidian-everforest-enchanted
obsidian-everforest-enchanted copied to clipboard
An Everforest theme for Obsidian
Everforest Enchanted
An Obsidian port of the Everforest theme family. Heavily inspired by another project of a similar name with my custom additions.
I had some issues with the styling of the other project, but the codebase was very different to what the semantics of the official theme area, so I decided to remake the entire thing from scratch.
You can get extra customization through the Style Settings plugin.
Image at the top right is from aiu on Twitter, though the original post has been deleted.
Features
-
Everforest style color palette
- Light and Dark themes (Hard and Soft themes of Everforest respectively)
- Different colors for internal and external links
-
Image styling based on ID
- Alt text as image captions
- Image grids for multiple images placed inline
- Embed styling based on alt text
- Improved and custom callouts
- Code block Language Labels
-
Style Settings for extra features
- Header underlines
- Custom line length (AKA readable line width, page width, like 5 other names)
- Separate wide width for those Really Big Notes
- Zoom in on images
- Full width tables
- Custom background images with support for external and local images
- Custom stacked panes based on count rather than pixels
- Visual Parity (Makes Reading mode look like Editing mode)
- And more!
- Custom CSS classes
- Customized Dashboard (Inspired by the Dashboard++ snippet)
Themes
Dark | Light |
---|---|
![]() |
![]() |
![]() |
![]() |
Image styling
A full list of styles can be found at image styling.
Dark | Light |
---|---|
![]() |
![]() |
Embed Styling
A full list of styles can be found at embed styling.
Dark | Light |
---|---|
![]() |
![]() |
Improved and Custom Callouts
Dark | Light |
---|---|
![]() |
![]() |
Code block Language Labels
Dark | Light |
---|---|
![]() |
![]() |
Custom Background Images
External and local images can be used. More information can be found at custom background images.
The opacity has been lowered to 50% for these examples, by default it is 85%. To get these images in your own vault, see the link above for the image urls.
Photo by Pixabay from Pexels: https://www.pexels.com/photo/green-tree-268533/
Photo by Alissa Nabiullina: https://www.pexels.com/photo/selective-focus-photography-of-white-petaled-flower-plant-997567/
CSS Classes
Add them to the YAML frontmatter to activate custom features.
---
cssclass: some-class, another-class
---
Implemented CSS Classes:
Class | Effect |
---|---|
full-width |
Makes the note full width |
wide-width |
Makes the note a bit wider (Customizable in Style Settings) |
columns |
Converts ordered lists into columns |
dashboard |
Converts the page into a dashboard, turning level 1 list items into cards |
Installation
Obsidian Marketplace (Recommended)
- Open
Settings -> Appearance
in your vault - Click
Manage
next to the themes dropdown - Filter to
Everforest Enchanted
- Click
Install and use
Manual Download
- Download this repo
- Move
theme.css
file into your/.obsidian/themes/
folder - Rename the file to
Everforest Enchanted.css
so it has a unique name - Open
Settings -> Appearance
in your vault - Select the theme under the Themes dropdown
Contributing
If you find a bug or have a feature you want added, feel free to add it as an issue or pull request.