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

Kanagawa Theme

Huka

|
2,733 installs
| (0) | Free
A VS Code theme
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌊 KANAGAWA.vscode 🌊

VSCode dark colorscheme inspired by the colors found in the KANAGAWA.nvim repo.

Separate the Editor from the Sidebar

"workbench.colorCustomizations": {
  "[Kanagawa]": {
    "activityBar.background": "#1F1F28",
    "activityBar.border": "#2A2A37",
    "editorGroup.border": "#2A2A37",
    "sideBar.background": "#2A2A37",
    "sideBar.border": "#2A2A37",
    "sideBar.foreground": "#DCD7BA"
  },
},

Semantic tokens

Theme supports and recommends enabling semantic tokens.

TypeScript Enabled by default.

Go

  "gopls": {
    "ui.semanticTokens": true,
  },

Acknowledgements

  • Logo by rawpixel.com on Freepik
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft