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

Kanagawa Theme

Huka

|
295 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.

Disable Italics

If you wish to disable italics, there is now a no-italic theme available. You will have access to both, select Kanagawa No Italics as your color theme.

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"
  },
  "[Kanagawa (No Italics)]": {
    "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

  • https://github.com/rebelot/kanagawa.nvim
  • Logo by rawpixel.com on Freepik
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft