/AnuPpuccin

Personal theme for Obsidian

Primary LanguageCSS

AnuPpuccin

Personal theme for Obsidian :3


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.

Installation

- Grab the latest release from the releases page.
- For latest commits, clone the repo to your obsidian/themes folder.
git clone https://github.com/AnubisNekhet/AnuPpuccin.git

Features

Custom palette

The theme supports various palettes (5 in the base theme and even more if you use the extended colorschemes snippet) which include many popular colorschemes such as Catppuccin and Dracula. These are heavily integrated into the theme as they are directly used to stylize various UI elements.

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

Safari-style tabs are inbuilt into the theme, and can be toggled.

Callouts

The theme comes with a custom callout style (which can be toggled so it doesn't interfere with your own callout snippet).
The snippet also includes support for using the colors of your selected palette which means that the callouts don't ever look out of place :)
If you use the admonition plugin/have custom callout colors, they won't be affected by the recolor as it only targets vanilla callouts. However, you can make them use AnuPpuccin's palette to support dynamic per-palette theming.

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
Static anp-embed
Animated anp-embed-animated

Colorschemes used

Note: Colorschemes that aren't in the base theme can be used through the extended colorschemes snippet.

Theme Light Mode Dark Mode Extra Notes
Catppuccin Yes Yes There are 3 variants of the dark theme, namely: Frappe, Mocha, Macchiato
The light theme is called Latte.
Dracula No Yes -
Gruvbox Yes Yes -
Nord Yes Yes A custom darker variant of the dark theme is included as well.
Rosé Pine Yes Yes The second variant of the dark theme, namely Rosé Pine dawn hasn't been implemented yet.
Rosebox No Yes -
Solarized Yes Yes -

Previews

Catppuccin

Latte

Frappe

Macchiato

Mocha

Dracula

Gruvbox

Nord

Nord Light

Nord Dark

Nord Darker (Custom Palette)

Rosebox

Rosé Pine

Rosé Pine Dawn

Rosé Pine

Solarized

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

Integrations

  • Excalidraw
  • Kanban
  • Style Settings

Special thanks to:

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 ko-fi link.