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)

1. Open Settings -> Appearance in your vault
2. Click Manage next to the themes dropdown
3. Filter to Everforest Enchanted
4. Click Install and use

Manual Download

1. Download this repo
2. Move theme.css file into your /.obsidian/themes/ folder
3. Rename the file to Everforest Enchanted.css so it has a unique name
4. Open Settings -> Appearance in your vault
5. 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.

License

MIT