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

Kanagawa Black

Lamarcke

|
17,966 installs
| (3) | Free
A fork of the Kanagawa VS Code theme, with pitch black niceties.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌊 KANAGAWA.BLACK.vscode 🌊


A black theme edition for the VS Code port of the amazing KANAGAWA.nvim colorscheme by rebelot. Credit for the original port goes to barklan.

Fork overview

This is a very simple fork that combines Kanagawa beautiful colors with a full black editor.
The Kanagawa elegance with the beautiful black, the best of both worlds!

Credit goes entirely to barklan for his awesome port.
We also take heavy inspiration from the Pitch Black theme colors.

Semantic tokens

Theme supports and recommends enabling semantic tokens.

TypeScript

Enabled by default.

Python

Enabled by default.

Go

{
  "gopls.ui.semanticTokens": true
}

rust-analyzer

{
  "rust-analyzer.highlighting.strings": true
}

C#

{
  "csharp.semanticHighlighting.enabled": true
}

Screenshots

Blazingly black!



Customization

You can customize this theme to your liking by appending the settings below to your settings.json file.

Comments

The Kanagawa comment color doesn't look as good in a black background, so we are using the default Dark+ theme's comments color.
If you prefer a stronger color that also looks really nice:

{
  "editor.tokenColorCustomizations": {
    "[Kanagawa]": {
      "comments": {
        "foreground": "#FF9E3B"
      }
    }
  }
}

Indent guides

If you want to make the Editor ident guides "invisible" (they are still visible when using selections), use this:

{
    "workbench.colorCustomizations": {
        "[Kanagawa]": {
            "editorIndentGuide.background": "#000", // Indent lines
            "editorIndentGuide.activeBackground": "#000", // Active indent line
    }
}

Extreme ricing

This theme works really well when used with the Background extension. It lets you define custom transparent wallpapers for VS Code.

The result looks like this:

I recommend adding this to your settings.json to make the terminal transparent:

{
  "workbench.colorCustomizations": {
    "[Kanagawa Black]": {
      "terminal.background": "#1f1f1f00"
    }
  }
}

Misc

You can find this theme's colors for different terminal emulators here. If you like this theme, consider supporting the original author.
Make sure to checkout the original port.

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