Skip to content

FireIsGood/obsidian-everforest-enchanted

Repository files navigation

Everforest Enchanted

Static Badge GitHub last commit (branch)

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

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