explaingit

mohamedmohsenofficial/anuppuccin-pro-mod

Analysis updated 2026-05-18

1CSSAudience · generalComplexity · 1/5Setup · easy

TLDR

A CSS theme mod for Obsidian's AnuPpuccin theme, adding true black dark mode and a cleaner, borderless look.

Mindmap

mindmap
  root((AnuPpuccin Pro Mod))
    What it does
      Restyles AnuPpuccin theme
      True black dark mode
      Floating mobile toolbar
    Tech stack
      CSS
      Obsidian snippets
    Use cases
      Distraction free note taking
      OLED friendly dark mode
      Preview via demo vault
    Audience
      Students
      Researchers
      Obsidian users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Get a cleaner, borderless look on top of the AnuPpuccin Obsidian theme

USE CASE 2

Switch to a true black OLED-friendly dark mode for note taking

USE CASE 3

Preview the theme instantly using the included demo vault

USE CASE 4

Apply the Default Pro Theme snippet for a lighter, layout-preserving background change

What is it built with?

CSSObsidian

How does it compare?

mohamedmohsenofficial/anuppuccin-pro-modbjori/bjori.github.comgictorbit/hugo-theme-zzo
Stars111
LanguageCSSCSSCSS
Last pushed2013-08-132020-02-20
MaintenanceDormantDormant
Setup difficultyeasyeasymoderate
Complexity1/51/52/5
Audiencegeneralgeneralwriter

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Requires the AnuPpuccin theme and Style Settings plugin already installed in Obsidian.

In plain English

AnuPpuccin Pro Mod is a set of CSS style files, called snippets and themes, for the note taking app Obsidian. It builds on top of an existing popular Obsidian theme called AnuPpuccin, cleaning it up and stripping away visual clutter to create a calmer reading and studying environment for students, researchers, or anyone who wants fewer distractions on screen. Compared to the original AnuPpuccin theme, this modification changes several things: dark mode becomes true black instead of dark gray, which the author says saves battery on OLED screens, visible borders around elements are removed for a cleaner floating look, the mobile toolbar becomes a floating rounded capsule similar to iOS design, settings menus are shown as cards with smooth toggle switches, and code blocks and headings get softer, less boxy styling. The project also includes a separate snippet called Default Pro Theme, which instead of changing Obsidian's layout, only adjusts the background colors of the app's own default theme, adding a warm yellow background for light mode and a pure black background for dark mode. The author describes this second snippet as fully finished and stable, while the main AnuPpuccin modification is still being refined, with dark mode further along than light mode. To try it without changing your own notes, the repository includes a ready made demo vault you can open directly in Obsidian, plus a single markdown file you can drop into your own vault to preview how different text formatting looks. Installing the full modification involves setting AnuPpuccin as your base theme in Obsidian, importing the author's style settings through the Style Settings plugin, and then copying the provided CSS files into Obsidian's snippets folder on desktop or mobile and turning them on. The author notes a few known rough edges, including a transparent background in the mobile files menu in dark mode and code editor styling that still needs polishing, and welcomes contributions such as bug fixes, better mobile support, and documentation improvements.

Copy-paste prompts

Prompt 1
Walk me through installing AnuPpuccin Pro Mod's CSS snippets in Obsidian on desktop
Prompt 2
Explain the difference between the AnuPpuccin Pro Mod and the Default Pro Theme snippet
Prompt 3
Help me import the style-settings-export.json config into Obsidian's Style Settings plugin
Prompt 4
Show me how to add these CSS snippets to Obsidian on my iPhone

Frequently asked questions

What is anuppuccin-pro-mod?

A CSS theme mod for Obsidian's AnuPpuccin theme, adding true black dark mode and a cleaner, borderless look.

What language is anuppuccin-pro-mod written in?

Mainly CSS. The stack also includes CSS, Obsidian.

How hard is anuppuccin-pro-mod to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is anuppuccin-pro-mod for?

Mainly general.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.