AnuPpuccin

Personal theme for Obsidian

GPL-3.0 License

Stars
1.8K
Committers
12

Preface

Please do note that I've made this theme for myself, and it may not fit your use cases. However, I've made most of the configuration completely optional so that the experience remains as close to vanilla if you choose to do so. Most of the in-application variables are recolored so that your custom snippets can be used easily with the theme. This theme makes heavy use of the style settings plugin, which controls most of the features in the theme. The theme is perfectly usable even without style settings, but it's only a fraction of what it actually is with the plugin. I will respond to feature/code removal only if there is substantial evidence of it being a direct copy of the original code and not just a simple imitation. (Please keep this point in mind before accusing me of being a low-effort theme developer.)

If you like my theme:

I've made this theme primarily for my own purposes and it's completely free, but if you do like it enough to consider throwing a few coins in my hat, here's a link.

License

AnuPpuccin is licensed under the GPL-3.0 license which allows you to modify the code freely, however the Copyright and license notices must be preserved in your CSS. If you redistribute a part of my code, please credit my theme in your CSS file, and specify which code you are using. Please keep my Buy Me a Coffee link in your README if you do so.

Community Contributions

AnuPpuccin has a Discussions page dedicated to snippets that add a personal touch to your obsidian setup. If you want to share your customizations, feel free to do so!

Features

Custom palette

Layouts

Anuppuccin currently supports 2 layout variants.

Rainbow folders

The theme comes with a toggleable rainbow folder snippet which color-codes your folders as per their order in the filesystem. It's great if you need to easily distinguish between folders or if you want to make your vault look a bit prettier (Both in my case :P)

Full rainbow theme

This snippet makes the rainbow theme apply to the first layer of the root directory, aka only direct children. You can choose if it applies to root files as well and customise the indentation border color.

Simple rainbow theme

This snippet makes the rainbow theme apply to every folder in your filesystem, and the order is determined by the children's place in the parent folder. You can toggle if the recolor applies to the title, the collapse border, the collapse icon and you can append a small icon to the folder title as well.

Alternate tabs

Customisable Decorations

Callouts

Custom checkboxes & Speech bubbles

Syntax Description
- [ ] Unchecked
- [x] Checked
- [>] Rescheduled
- [<] Scheduled
- [!] Important
- [-] Cancelled
- [/] In Progress
- [?] Question
- [*] Star
- [n] Note
- [l] Location
- [i] Information
- [I] Idea
- [S] Amount
- [p] Pro
- [c] Con
- [b] Bookmark
- ["] Quote
- [u] Up
- [d] Down
- [w] Win
- [k] Key
- [f] Fire
- [0] Speech bubble 0
- [1] Speech bubble 1
- [2] Speech bubble 2
- [3] Speech bubble 3
- [4] Speech bubble 4
- [5] Speech bubble 5
- [6] Speech bubble 6
- [7] Speech bubble 7
- [8] Speech bubble 8
- [9] Speech bubble 9

Colorful Frames

Simplified markdown embeds

Markdown embeds have an alternate styling with an animated variant which can be toggled globally using style settings or individually using alt names for embeds, for example: ![[embed|alt-name]]

Embed style Alt name
Seamless seamless

Colorschemes used

Note: Colorschemes that aren't in the base theme can be used through the extended colorschemes snippet. Important: Some colorschemes have been been modified to fit the Catppuccin color value style, which means there will be some changes made to make the theme feel more natural.

Theme Light Mode Dark Mode Extra Notes
Atom Yes Yes Accent value is hardcoded into the theme.
Catppuccin Yes Yes There are 4 variants of the dark theme, namely: Frappe, Macchiato, Mocha and Mocha Old.The light theme is called Latte.
Coffee No Yes Custom colorscheme
Biscuit Yes Yes -
Everforest Yes Yes -
Dracula No Yes -
Gruvbox Yes Yes -
Nord Yes Yes A custom darker variant of the dark theme is included as well. Accent value is hardcoded into the theme.
Notion Yes Yes -
Kanagawa No Yes -
Rosé Pine Yes Yes The second variant of the dark theme, namely Rosé Pine dawn hasn't been implemented yet.
Rosebox No Yes Accent value is hardcoded into the theme.
Royal Velvet No Yes -
Sandy Beaches Yes No Provided by melnhh
Solarized Yes Yes -
thorns No Yes -

Note: Themes are toggled via style settings, the default themes are Latte for light mode and Mocha for dark mode.

Custom CSS Classes

Inserting these css classes into your note frontmatter will style your notes individually.

CSS Class Function
heading-normal-toggle Disables color in headings
decorations-normal-toggle Disables color in text decorations like bold and italic
hide-metadata Hides metadata
metadata-button Enables custom metadata button

Integrations

  • Excalidraw
  • Kanban
  • Style Settings

Minimal Features

AnuPpuccin does not come with any code provided by Minimal, however it does contain styling and style settings support for certain features that can be compiled via CSS. You can buy Kepano a coffee here:

Recommended Fonts

Special thanks to:

Credits and Acknowledgements

Related Projects