Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Kanso ThemeNew to Visual Studio Code? Get it now.
Kanso Theme

Kanso Theme

Webhooked

|
683 installs
| (0) | Free
A dark theme that invites focus, not attention. Inspired by the Kanagawa color theme.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌊 Kansō VSCode Theme 🌊

Kansō is an elegant evolution of the original Kanagawa theme.
A dark theme that invites focus, not attention.

VSCode W3C


Kansō Theme Showcase

✨ Features

  • 🎨 Three beautiful theme variants to match your mood and environment
  • 👁️ WCAG 2.1 AA compliant for comfortable code readability
  • 🧠 Thoughtful color selections for improved syntax highlighting
  • 🔍 Balanced visual hierarchy to reduce visual noise
  • 🌙 Comfortable contrast levels for reduced eye strain

📦 Installation

  1. Open Extensions in VS Code (Ctrl+Shift+X / Cmd+Shift+X)
  2. Search for Kansō
  3. Click Install
  4. Go to File > Preferences > Color Theme and select one of the Kansō variants

🎨 Themes

Kansō comes in three beautiful variants:

✧ Zen ✧

Deep & rich dark theme for focused coding.

Zen Theme

✧ Ink ✧

Balanced theme with elegant contrast.

Ink Theme

✧ Pearl ✧

Light theme for daytime productivity.

Pearl Theme

🔤 Font recommendations

For the best experience, a high-quality font is recommended:

  • Berkeley Mono (Paid)
  • Iosevka (Free)
  • Monaspace (Free)

🧩 Extras

Check out these matching themes for other applications:

  • Kansō for Neovim
  • Kansō for Zed
  • Alacritty
  • Kitty
  • Wezterm

💎 Credits

The theme is inspired by the Kanagawa theme.

  • rebelot for the original Kanagawa Neovim theme
  • metapho-re for the VS Code theme template

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft