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