Dark Theme for VS Code
Install the Theme into your VS Code.
Theme Screenshot
Installation
- Open the extensions sidebar on Visual Studio Code
- Search for KaziKame
- Click Install
- Click Reload to refresh the theme
- Select the Manage Cog (bottom left) > Themes ＞ Color Theme
- From the Drop Down, look for
KaziKame Dark
- 🌟🌟🌟🌟🌟 Rate five-stars if you wish
Manual Installation
Copy the following code in your theme's .json file
You may be able to find it here
C:\Program Files\Microsoft VS Code\resources\app\extensions
C:\Users\<$USER>\.vscode\extensions
{
"$schema": "vscode://schemas/color-theme",
"name": "KaziKame Dark",
"type": "Dark",
"semanticHighlighting": true,
"semanticTokenColors": {
"enumMember": "#4FC1FF",
"variable.defaultLibrary": "#e5c07b",
// "macro": { "fontStyle": "bold" },
"operatorOverload": "#B4B4B4",
"operatorOverloadMember": "#B4B4B4",
"newOperator": { "foreground": "#C586C0", "fontStyle": "bold" },
"numberLiteral": "#B5CEA8",
"customLiteral": "#DADADA",
"stringLiteral": "#D69D85"
},
"colors": {
"activityBar.activeBorder": "#0078d4",
"activityBar.background": "#000000d0",
"activityBarBadge.background": "#0078d4",
"checkbox.border": "#6b6b6b",
"editor.background": "#0e0e0e",
"editor.findMatchBackground": "#ffaa0030",
"editor.findMatchBorder": "#cdd4df80",
"editor.findMatchHighlightBackground": "#ffaa0030",
"editor.findMatchHighlightBorder": "#cdd4df80",
"editor.foreground": "#d4d4d4",
"editor.hoverHighlightBackground": "#56565616",
"editor.inactiveSelectionBackground": "#347deb8a",
"editor.selectionHighlightBackground": "#347deb8a",
"editor.selectionBackground": "#347deb8a",
"editor.selectionHighlightBorder": "#cdd4df80",
"editorGroup.border": "#2e2c2cd2",
"editorGroup.dropBackground": "#062c5e8c",
"editorGroup.emptyBackground": "#000000",
"editorGroupHeader.noTabsBackground": "#580000",
"editorGroupHeader.tabsBackground": "#202020",
"editorGroupHeader.tabsBorder": "#7c7c7c",
"editorIndentGuide.activeBackground1": "#707070",
"editorIndentGuide.background1": "#404040",
"editorRuler.foreground": "#222222",
"editorWhitespace.foreground": "#000000",
"focusBorder": "#0078d4",
"input.placeholderForeground": "#a6a6a6",
"list.activeSelectionIconForeground": "#ffffff",
"list.dropBackground": "#383b3d",
"menu.background": "#252526",
"menu.border": "#454545",
"menu.foreground": "#cccccc",
"menu.separatorBackground": "#454545",
"panel.background": "#181818",
"panel.border": "#ffffff15",
"panelInput.border": "#ffffff15",
"panelTitle.activeBorder": "#0078d4",
"panelTitle.activeForeground": "#cccccc",
"panelTitle.inactiveForeground": "#8b949e",
"ports.iconRunningProcessForeground": "#369432",
"scrollbarSlider.activeBackground": "#ffffff44",
"scrollbarSlider.background": "#ffffff22",
"scrollbarSlider.hoverBackground": "#ffffff33",
"sideBar.background": "#181818",
"sideBar.border": "#2f2e2e",
"sideBar.foreground": "#d4d4d4",
"sideBarSectionHeader.background": "#00000000",
"sideBarSectionHeader.border": "#cccccc33",
"sideBarTitle.foreground": "#bbbbbb",
"statusBarItem.hoverBackground": "#F44747",
"statusBarItem.compactHoverBackground": "#CD9731",
"statusBarItem.remoteBackground": "#16825d",
"statusBarItem.remoteForeground": "#ffffff",
"tab.activeBackground": "#26262645",
"tab.activeBorder": "#0078d4",
"tab.activeBorderTop": "#0078d4",
"tab.activeForeground": "#ffffff",
"tab.border": "#9c9c9c",
"tab.hoverBorder": "#16c769ba",
"tab.hoverBackground": "#0078d45a",
"tab.inactiveBackground": "#000000",
"tab.inactiveForeground": "#acacac",
"tab.lastPinnedBorder": "#cccccc33",
"tab.unfocusedActiveBorder": "#000000",
"tab.unfocusedActiveForeground": "#ffffff",
"tab.unfocusedInactiveForeground": "#9c9c9c",
"terminal.inactiveSelectionBackground": "#3a3d41",
"titleBar.activeBackground": "#000000",
"titleBar.activeForeground": "#cccccc",
"titleBar.border": "#000000",
"titleBar.inactiveBackground": "#000000",
"titleBar.inactiveForeground": "#cccccc",
"widget.border": "#303031"
},
"tokenColors": [
{
"scope": [
"constant.language.nullptr"
],
"settings":{
// "foreground": "#FF0000",
"fontStyle": "bold"
}
},
{
"scope": [
"meta.embedded",
"source.groovy.embedded",
"string meta.image.inline.markdown"
],
"settings": {
"foreground": "#D4D4D4"
}
},
{
"scope": "emphasis",
"settings": {
"fontStyle": "italic"
}
},
{
"scope": "strong",
"settings": {
"fontStyle": "bold"
}
},
{
"scope": "header",
"settings": {
"foreground": "#000080"
}
},
{
"scope": "comment",
"settings": {
"foreground": "#6A9955"
}
},
{
"scope": "constant.language",
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": [
"constant.numeric",
"variable.other.enummember",
"keyword.operator.plus.exponent",
"keyword.operator.minus.exponent"
],
"settings": {
"foreground": "#B5CEA8"
}
},
{
"scope": "constant.regexp",
"settings": {
"foreground": "#646695"
}
},
{
"scope": "entity.name.tag",
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "entity.name.tag.css",
"settings": {
"foreground": "#D7BA7D"
}
},
{
"scope": "entity.other.attribute-name",
"settings": {
"foreground": "#9CDCFE"
}
},
{
"scope": [
"entity.other.attribute-name.class.css",
"entity.other.attribute-name.class.mixin.css",
"entity.other.attribute-name.id.css",
"entity.other.attribute-name.parent-selector.css",
"entity.other.attribute-name.pseudo-class.css",
"entity.other.attribute-name.pseudo-element.css",
"source.css.less entity.other.attribute-name.id",
"entity.other.attribute-name.scss"
],
"settings": {
"foreground": "#D7BA7D"
}
},
{
"scope": "invalid",
"settings": {
"foreground": "#F44747"
}
},
{
"scope": "markup.underline",
"settings": {
"fontStyle": "underline"
}
},
{
"scope": "markup.bold",
"settings": {
"foreground": "#569CD6",
"fontStyle": "bold"
}
},
{
"scope": "markup.heading",
"settings": {
"foreground": "#569CD6",
"fontStyle": "bold"
}
},
{
"scope": "markup.italic",
"settings": {
"fontStyle": "italic"
}
},
{
"scope": "markup.strikethrough",
"settings": {
"fontStyle": "strikethrough"
}
},
{
"scope": "markup.inserted",
"settings": {
"foreground": "#B5CEA8"
}
},
{
"scope": "markup.deleted",
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": "markup.changed",
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "punctuation.definition.quote.begin.markdown",
"settings": {
"foreground": "#6A9955"
}
},
{
"scope": "punctuation.definition.list.begin.markdown",
"settings": {
"foreground": "#6796E6"
}
},
{
"scope": "markup.inline.raw",
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": "punctuation.definition.tag",
"settings": {
"foreground": "#808080"
}
},
{
"scope": [
"meta.preprocessor",
"entity.name.function.preprocessor"
],
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "meta.preprocessor.string",
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": "meta.preprocessor.numeric",
"settings": {
"foreground": "#B5CEA8"
}
},
{
"scope": "meta.structure.dictionary.key.python",
"settings": {
"foreground": "#9CDCFE"
}
},
{
"scope": "meta.diff.header",
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "storage",
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "storage.type",
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": [
"storage.modifier",
"keyword.operator.noexcept"
],
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": [
"string",
"meta.embedded.assembly"
],
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": "string.tag",
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": "string.value",
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": "string.regexp",
"settings": {
"foreground": "#D16969"
}
},
{
"scope": [
"punctuation.definition.template-expression.begin",
"punctuation.definition.template-expression.end",
"punctuation.section.embedded"
],
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": [
"meta.template.expression"
],
"settings": {
"foreground": "#D4D4D4"
}
},
{
"scope": [
"support.type.vendored.property-name",
"support.type.property-name",
"variable.css",
"variable.scss",
"variable.other.less",
"source.coffee.embedded"
],
"settings": {
"foreground": "#9CDCFE"
}
},
{
"scope": "keyword",
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "keyword.control",
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "keyword.operator",
"settings": {
"foreground": "#D4D4D4"
}
},
{
"scope": [
"keyword.operator.expression",
"keyword.operator.cast",
"keyword.operator.sizeof",
"keyword.operator.alignof",
"keyword.operator.typeid",
"keyword.operator.alignas",
"keyword.operator.instanceof",
"keyword.operator.logical.python",
"keyword.operator.wordlike"
],
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "keyword.other.unit",
"settings": {
"foreground": "#B5CEA8"
}
},
{
"scope": [
"punctuation.section.embedded.begin.php",
"punctuation.section.embedded.end.php"
],
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "support.function.git-rebase",
"settings": {
"foreground": "#9CDCFE"
}
},
{
"scope": "constant.sha.git-rebase",
"settings": {
"foreground": "#B5CEA8"
}
},
{
"scope": [
"storage.modifier.import.java",
"variable.language.wildcard.java",
"storage.modifier.package.java"
],
"settings": {
"foreground": "#D4D4D4"
}
},
{
"scope": "variable.language",
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": [
"entity.name.function",
"support.function",
"support.constant.handlebars",
"source.powershell variable.other.member",
"entity.name.operator.custom-literal"
],
"settings": {
"foreground": "#DCDCAA"
}
},
{
"scope": [
"support.class",
"support.type",
"entity.name.type",
"entity.name.namespace",
"entity.other.attribute",
"entity.name.scope-resolution",
"entity.name.class",
"storage.type.numeric.go",
"storage.type.byte.go",
"storage.type.boolean.go",
"storage.type.string.go",
"storage.type.uintptr.go",
"storage.type.error.go",
"storage.type.rune.go",
"storage.type.cs",
"storage.type.generic.cs",
"storage.type.modifier.cs",
"storage.type.variable.cs",
"storage.type.annotation.java",
"storage.type.generic.java",
"storage.type.java",
"storage.type.object.array.java",
"storage.type.primitive.array.java",
"storage.type.primitive.java",
"storage.type.token.java",
"storage.type.groovy",
"storage.type.annotation.groovy",
"storage.type.parameters.groovy",
"storage.type.generic.groovy",
"storage.type.object.array.groovy",
"storage.type.primitive.array.groovy",
"storage.type.primitive.groovy"
],
"settings": {
"foreground": "#4EC9B0"
}
},
{
"scope": [
"meta.type.cast.expr",
"meta.type.new.expr",
"support.constant.math",
"support.constant.dom",
"support.constant.json",
"entity.other.inherited-class"
],
"settings": {
"foreground": "#4EC9B0"
}
},
{
"scope": [
"keyword.control",
"source.cpp keyword.operator.new",
"source.cpp keyword.operator.delete",
"keyword.operator.new",
"keyword.operator.delete",
"keyword.other.using",
"keyword.other.operator",
"entity.name.operator"
],
"settings": {
"foreground": "#C586C0"
}
},
{
"scope": [
"variable",
"meta.definition.variable.name",
"support.variable",
"entity.name.variable",
"constant.other.placeholder"
],
"settings": {
"foreground": "#9CDCFE"
}
},
{
"scope": [
"variable.other.constant",
"variable.other.enummember"
],
"settings": {
"foreground": "#4FC1FF"
}
},
{
"scope": [
"meta.object-literal.key"
],
"settings": {
"foreground": "#9CDCFE"
}
},
{
"scope": [
"support.constant.property-value",
"support.constant.font-name",
"support.constant.media-type",
"support.constant.media",
"constant.other.color.rgb-value",
"constant.other.rgb-value",
"support.constant.color"
],
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": [
"punctuation.definition.group.regexp",
"punctuation.definition.group.assertion.regexp",
"punctuation.definition.character-class.regexp",
"punctuation.character.set.begin.regexp",
"punctuation.character.set.end.regexp",
"keyword.operator.negation.regexp",
"support.other.parenthesis.regexp"
],
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": [
"constant.character.character-class.regexp",
"constant.other.character-class.set.regexp",
"constant.other.character-class.regexp",
"constant.character.set.regexp"
],
"settings": {
"foreground": "#D16969"
}
},
{
"scope": [
"keyword.operator.or.regexp",
"keyword.control.anchor.regexp"
],
"settings": {
"foreground": "#DCDCAA"
}
},
{
"scope": "keyword.operator.quantifier.regexp",
"settings": {
"foreground": "#D7BA7D"
}
},
{
"scope": [
"constant.character",
"constant.other.option"
],
"settings": {
"foreground": "#569CD6"
}
},
{
"scope": "constant.character.escape",
"settings": {
"foreground": "#D7BA7D"
}
},
{
"scope": "entity.name.label",
"settings": {
"foreground": "#C8C8C8"
}
},
{
"scope": "token.info-token",
"settings": {
"foreground": "#6796E6"
}
},
{
"scope": "token.warn-token",
"settings": {
"foreground": "#CD9731"
}
},
{
"scope": "token.error-token",
"settings": {
"foreground": "#F44747"
}
},
{
"scope": "token.debug-token",
"settings": {
"foreground": "#B267E6"
}
}
]
}
