Monokai Syntax

中文 | Development | GitHub

Monokai Syntax is an Obsidian community theme inspired by the Monokai Pro visual language, tuned for writing, code notes, navigation, graph view, and long-running knowledge bases.

Highlights

• Monokai-inspired dark and light palettes for Obsidian.
• Markdown reading view and Live Preview styling.
• CodeMirror 6 syntax colors mapped to the Monokai spectrum.
• File explorer, ribbon, tabs, modals, graph view, and canvas polish.
• Custom file icons with optional monochrome mode.
• Style Settings support for palette filters, density, icons, typography, and accents.
• No remote runtime assets in the final theme CSS.

1.0.1 Update

• Expanded document icons for README, TODO, CHANGELOG, API, PROMPTS, CURSOR, CLAUDE, AGENTS, and Bug_*.md notes.
• Reworked callout icons with glyphs from icons/icons.woff, with larger icons and Monokai-style semantic backgrounds and left borders.
• Updated the file explorer so second-level and deeper folder collapse icons use folder-dimmed2, while root-level folders keep Obsidian's native collapse icon.
• Added a Style Settings toggle to hide file tree icons.
• Improved compact mode density for the file explorer.

Installation

Community Theme

Monokai Syntax is available from Obsidian's community theme store.

Open Obsidian, go to Settings -> Appearance -> Themes -> Manage, search for Monokai Syntax, then install and enable it.

Manual Installation

Create this folder in your Obsidian vault:

Your Vault/.obsidian/themes/Monokai Syntax/

Copy these files into it:

theme.css
manifest.json

Then enable Monokai Syntax from Obsidian's Appearance settings.

Style Settings

For the full configuration experience, install the community plugin Style Settings.

Available controls include:

• Palette filter: Classic, Machine, Octagon, Ristretto, Spectrum.
• Compact density.
• Colorful or monochrome file icons.
• Font and typography options.
• Accent, link, and code color overrides.

Roadmap

• Expand file icon coverage.
• Refine Markdown reading view and Live Preview details.
• Improve Style Settings coverage.
• Polish graph view, canvas, and plugin compatibility.
• Track Obsidian UI changes and keep the published community theme up to date.

Development

Build, lint, audit, and vault sync instructions live in DEVELOPMENT.md.

License

MIT. See LICENSE.md.