Shokunin for VS Code

June 1, 2026 ยท View on GitHub

Light and dark themes for Python-focused craft: sumi classes, ume type hints, and asagi functions.

Preview

Python Light

Python example

Python Dark

Python dark example

Go Light

Go example

Go Dark

Go dark example

TypeScript Light

TypeScript example

TypeScript Dark

TypeScript dark example

VS Code Installation

From Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for Shokunin Light
  4. Click Install
  5. Ctrl+K Ctrl+T / Cmd+K Cmd+T -> select Shokunin Light or Shokunin Dark

From VSIX

  1. Download the .vsix file from Releases
  2. Run: code --install-extension shokunin-light-*.vsix

From Source

git clone https://github.com/Maksim-Burtsev/shokunin-theme
cd shokunin-theme
npm install
npm run package
code --install-extension shokunin-light-*.vsix

iTerm2 Installation

Shokunin also includes iTerm2 color presets generated from the VS Code integrated terminal colors.

  1. Download iterm/shokunin.itermcolors for light mode or iterm/shokunin-dark.itermcolors for dark mode from this repository or from a GitHub Release.
  2. Open iTerm2.
  3. Go to Settings / Preferences -> Profiles -> Colors.
  4. Open Color Presets... -> Import.
  5. Select the .itermcolors file.
  6. Open Color Presets... again and choose shokunin or shokunin-dark.

Light Palette

RoleColor
Paper / editor background#FCFAF2
Main ink#303841
Keywords / class names#3A3E44
Functions / methods#006FAE
Type hints#8F4155
Strings#157A5B
Constants / numbers#9A6000
Comments#777269

Dark Palette

RoleColor
Charcoal / editor background#151819
Night panel#1B1F1F
Main ink#CFC2B0
Keywords#D7C4AA
Class names#E0CEB4
Functions / methods#6FB7D7
Type hints#D28AA0
Strings#83BE8D
Constants / numbers#D3A34D
Comments#88877E

License

MIT