explaingit

zihaveadream/obsidian-claude-minimal

15CSSAudience · writerComplexity · 1/5ActiveSetup · easy

TLDR

CSS snippet for Obsidian that overlays the Minimal theme with Claude.ai colours, fonts, and Markdown styling, without changing layout or feature behaviour.

Mindmap

mindmap
  root((obsidian-claude-minimal))
    Inputs
      Obsidian Minimal theme
      Bundled fonts
      CSS snippet
    Outputs
      Claude-styled UI
      Custom typography
      Recolored Markdown
    Use Cases
      Skin Obsidian like Claude
      Tune fonts per OS
      Switch oldstyle digits
    Tech Stack
      CSS
      Obsidian
      Minimal theme

Things people build with this

USE CASE 1

Make Obsidian look like the Claude.ai web app while keeping the Minimal theme

USE CASE 2

Install matching fonts on macOS, Windows, or Linux for a consistent look

USE CASE 3

Adjust font priority lists so Chinese text falls back to Noto Serif SC

USE CASE 4

Switch between oldstyle and aligned heading digits by editing two CSS variables

Tech stack

CSSObsidian

Getting it running

Difficulty · easy Time to first run · 30min

Needs the Minimal theme plus the bundled fonts installed at the OS level, and font priority lists configured in Obsidian.

In plain English

This project is a visual skin for Obsidian, the personal note-taking application. It does not add new features to Obsidian itself; it only changes how the app looks. The author has copied the colours, fonts, and small interface details from the Claude website, and packaged them so that an existing Obsidian setup will start to resemble that style. The skin is designed to sit on top of a popular Obsidian theme called Minimal, together with the Minimal Theme Settings plugin. The author recommends keeping Minimal as the active theme and turning this project on as a CSS snippet, which is Obsidian's mechanism for adding a single stylesheet without replacing the theme. Layout, line widths, the file list, and plugin compatibility all stay as Minimal provides them; only the colour palette, typography, controls, and Markdown styling are overlaid. The README spends most of its length walking a new user through setup from scratch. It covers installing the Minimal theme, installing the Minimal Theme Settings plugin and recommended values for line height and line width, installing the bundled fonts on macOS, Windows, and Linux, and configuring the interface, text, and monospace font lists inside Obsidian so the Claude-style fonts are picked first and Chinese text falls back to Noto Serif SC. The font list order matters and is described in detail. The stylesheet itself adjusts side panels, tabs, buttons, menus, popups, search suggestions, headings, body text, inline code, code blocks, quotes, tables, callouts, links, highlights, and the underline style. Headings keep an oldstyle digit look, where some numerals sit lower than others, and the README explains how to switch back to aligned numbers by editing two CSS variables. The author also lists what visual results to expect, and what to check first if Chinese text does not change. The documentation is in Chinese.

Copy-paste prompts

Prompt 1
Install obsidian-claude-minimal as a CSS snippet alongside the Minimal theme on macOS step by step
Prompt 2
Show me which CSS variables in obsidian-claude-minimal control heading colour and how to tweak them
Prompt 3
Fix the case where Chinese text in Obsidian does not pick up the Claude-style font from this snippet
Prompt 4
Change the oldstyle digits in obsidian-claude-minimal headings back to aligned numerals
Prompt 5
Order the interface, text, and monospace font lists in Obsidian so this snippet renders correctly on Windows
Open on GitHub → Explain another repo

Generated 2026-05-22 · Model: sonnet-4-6 · Verify against the repo before relying on details.