Make Obsidian look like the Claude.ai web app while keeping the Minimal theme
Install matching fonts on macOS, Windows, or Linux for a consistent look
Adjust font priority lists so Chinese text falls back to Noto Serif SC
Switch between oldstyle and aligned heading digits by editing two CSS variables
Needs the Minimal theme plus the bundled fonts installed at the OS level, and font priority lists configured in Obsidian.
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.
Generated 2026-05-22 · Model: sonnet-4-6 · Verify against the repo before relying on details.