Custom Theme Studio

Custom Theme Studio

A complete theme design studio for Obsidian. Create, customize, and export professional themes with visual tools, live CSS editing, and instant feedback—all without leaving your workspace.

**Requires Obsidian v1.13.0 or later.** For older Obsidian versions, install a previous plugin release manually.

Installation

[Install from community.obsidian.md](https://community.obsidian.md/plugins/custom-theme-studio)

From Obsidian's settings or preferences:

1. Community Plugins > Browse
2. Search for "Custom Theme Studio"

Manually:

1. download the latest release archive
2. uncompress the downloaded archive
3. move the custom-theme-studio folder to /path/to/vault/.obsidian/plugins/
4. Settings > Community plugins > reload Installed plugins
5. enable plugin

or:

1. download main.js, manifest.json & styles.css from the latest release
2. create a new folder /path/to/vault/.obsidian/plugins/custom-theme-studio
3. move all 3 files to /path/to/vault/.obsidian/plugins/custom-theme-studio
4. Settings > Community plugins > reload Installed plugins
5. enable plugin

Features at a Glance

Feature	Description
CSS Variables	Edit colors, fonts, and other UI styles. Variables are searchable, filterable by category, with live counter updates.
Font Import	Import custom fonts and create base64 @font-face rules for your theme.
Live Editor	Ace editor with syntax highlighting, auto-complete, Prettier formatting, and built-in color picker.
Visual Tools	Pick elements to style with configurable sel