Fastppuccin

High-performance AnuPpuccin theme clone for Obsidian.md

55 Stars
GitHub
CSSAny theme
# FastPpuccin

A high-performance clone of the [AnuPpuccin](https://github.com/AnubisNekhet/AnuPpuccin) theme by AnubisNekhet, optimized for speed.

<img src="theme_image_big.png">

## About

FastPpuccin is a streamlined version of the popular AnuPpuccin theme, designed with performance in mind. It maintains the beautiful aesthetics of the original while removing most features and configurations to achieve maximum speed.

In my testing, performance is comparable to using the default theme.

This theme supports **[AnuPpuccin Themes Extended](https://github.com/AnubisNekhet/AnuPpuccin/blob/main/snippets/extended-colorschemes.css)** ([mirror](snippets/extended-colorschemes.css)).

<img src="dev/extended_colorschemes.png">

## But why?

Like probably most of you reading this, I love Obsidian and spend a lot of time tinkering with it (arguably to the detriment of actual work). AnuPpuccin with Nord Dark is my favorite theme; however, for big vaults and complex notes, it can become so slow that even typing is delayed.

After trying out different themes and snippets, and not satisfied with performance, I started to make my own, copying the best features from AnuPpuccin. What started as a snippet evolved into a complete theme with settings and support for [AnuPpuccin Themes Extended](https://github.com/AnubisNekhet/AnuPpuccin/blob/main/snippets/extended-colorschemes.css) so you can use whatever color scheme you fancy.

Bug reports and feature suggestions are welcome, but keep in mind that I probably won't add features that increase complexity and might hinder performance.

## Features

- High-Performance, with the same great look!
- **Support for [AnuPpuccin Themes Extended](https://github.com/AnubisNekhet/AnuPpuccin/blob/main/snippets/extended-colorschemes.css)** ([mirror](snippets/extended-colorschemes.css))
- AnuPpuccin's **Rainbow folders** avaiable as a separate snippet: [Rainbow Folers](snippets/fastppuccin-rainbow-folders.css)
  - It also supports [Custom Rainbow Colors](https://github.com/AnubisNekhet/AnuPpuccin/blob/main/snippets/custom-rainbow-colors.css) from AnuPpuccin. ([mirror](snippets/custom-rainbow-colors.css))
- Core features preserved:
  - Force theme accents
  - Custom checkboxes
  - File icons
  - Colored headings
  - File extension labels alignment
  - Safari-style tabs
  - Table hover transition effect (from [Blue Topaz](https://github.com/PKM-er/Blue-Topaz_Obsidian-css) theme)

## Settings

The theme includes essential settings for customization:

- Light/Dark theme flavor selection
- File name title color options (Normal, Muted, Accent, H1)
- Toggle options for:
  - Force theme accents
  - Custom checkboxes
  - File icons
  - Colored headings
  - File extension label alignment
  - Safari tabs
  - External link icons
  - Table hover transition

## Credits

- Original [AnuPpuccin](https://github.com/AnubisNekhet/AnuPpuccin) theme by AnubisNekhet. Almost all code is lifted from AnuPpuccin, with some minor bug fixes and some hard-coded variables that are required for FastPpuccin.
- Table hover transition from [Blue Topaz](https://github.com/PKM-er/Blue-Topaz_Obsidian-css) theme by PKM-er

## License

This theme is licensed under GPL-3.0, as is the original AnuPpuccin theme.

Blue Topaz is licensed under MIT:

Partial style(s) is(are) sourced or adapted from Blue Topaz (https://github.com/PKM-er/Blue-Topaz_Obsidian-css), and I would like to express my appreciation to WhyI (https://github.com/whyt-byte) and pkmer.cn (https://pkmer.cn).

## Support

If you enjoy this theme, consider supporting the *original author*:

<a href="https://www.buymeacoffee.com/anubisnekhet" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 50px !important;width: 200px !important;" ></a>

If you also want to *support me*, you can do so here:

<a href="https://www.buymeacoffee.com/lostviking09" target="_blank"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=☕&slug=lostviking09&button_colour=5F7FFF&font_colour=ffffff&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00" /></a>

Related

How to Install

  1. Download the CSS file below
  2. Move it to your vault's .obsidian/snippets/ folder
  3. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Download snippet.css

Stats

Stars

55

Forks

2

License

GPL-3.0

Last updated 5mo ago

Categories