GithubHelp home page GithubHelp logo

anuppuccin's Introduction

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.

anuppuccin's People

Contributors

anubisnekhet avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.