Ukiyo-Tone is a restrained, culturally grounded coding theme designed as a personal instrument — calm, sharp, and built for long hours of focused work.
Ukiyo-Tone is a visual instrument for thinking in code, inspired by 17th-century Japanese Ukiyo-e woodblock prints and Sumi-e ink traditions. It is not designed for novelty or mass appeal, but as a deliberately constrained environment that disappears once deep focus begins.
The goal is not excitement; the goal is clarity with character.
vscode-marketplace zed-extensions vscode-theme zed-theme editor-theme syntax-highlighting dark-theme light-theme minimal high-contrast accessibility focus low-eye-strain japanese-aesthetic ukiyo-e sumi-e developer-experience
This extension includes six distinct themes, each inspired by specific elements of the Edo period aesthetic:
Light Theme. Inspired by fresh Washi paper and early morning light.
- Core concept: High readability, organic paper feel.
Zen Garden Theme. Inspired by moss, stone, and raked sand.
- Core concept: Muted moss tones with bamboo yellow accents for a peaceful focus.
Soft Dark Theme. Inspired by evening landscapes and faded indigo dyes.
- Core concept: Low eye strain, muted atmospheric tones.
Monotone Dark Theme. Inspired by deep forest shadows and moss gardens.
- Core concept: Deep forest green background with a loose monotone green palette for immersion.
Deep Dark Theme. Inspired by charcoal ink drawings and midnight shadows.
- Core concept: Dramatic contrast, vivid highlights.
High Contrast Dark Theme. Inspired by the "lucky" deepest navy indigo worn by Samurai.
- Core concept: Accessibility and sharp focus.
Ukiyo-Tone is built on four central pillars defined in our Philosophy & Brand Identity:
- Restraint Over Abundance: We reject excess. Every visual choice must justify itself through readability, hierarchy, or focus. No unnecessary colors or ornamental contrast.
- Structure Before Decoration: Color is treated as syntax, not paint. Keywords define grammar, functions express motion, and variables carry weight.
- Organic, Not Mechanical: Inspired by woodblock prints, slight softness is intentional. Visual breathing room is respected, ensuring the interface feels worked by hand.
- Long-Session Ergonomics: Designed for endurance. If a choice improves a screenshot but harms long-term focus, it is rejected.
We use Japanese visual culture as a system of constraints to guide the developer experience:
- Sumi-e Syntax: Comments are italicized to mimic hand-written calligraphy, while Classes and Constants are bolded to provide structural "outlines" similar to woodblock frame lines.
- Hanko Selection: The selection color is inspired by the red ink of a hanko (artist's signature stamp), providing a clear but culturally grounded focal point.
- Calm, Sharp, Neutral: The emotional tone is intentional—reducing fatigue and preserving precision without emotional noise or gimmicks.
- Open the Extensions sidebar in VS Code.
- Search for
Ukiyo-Tone. - Click Install.
For detailed Zed installation instructions (marketplace and manual), see editors/zed/README.md.
Quick Install:
- Press
Ctrl+Shift+X(orCmd+Shift+Xon macOS) - Search for
Ukiyo-Tone - Click Install
To fully embrace the Ukiyo-Tone philosophy of restraint and focus, we recommend the following editor settings to reduce visual noise:
{
"editor.renderLineHighlight": "gutter",
"editor.occurrencesHighlight": false,
"editor.minimap.enabled": false,
"breadcrumbs.enabled": false,
"editor.guides.indentation": false,
"editor.guides.bracketPairs": "active"
}This theme pairs exceptionally well with typefaces that balance geometric precision with organic curves.
- Primary Recommendation: Iosevka (Custom build or standard) — Its slender, precise feel matches the "sharp" and "ink" aesthetic.
- Alternative: JetBrains Mono — Excellent for the "high readability" goal of the Asahi theme.
Mohit Sharma (@mohitSharma74)