Skip to content

Instantly share code, notes, and snippets.

@curtisj44

curtisj44/themer-dark-color-theme.json

Last active October 4, 2022 16:51
Show Gist options
  • Save curtisj44/e72d8e1dfd950b69fc30eb5b31501795 to your computer and use it in GitHub Desktop.
Save curtisj44/e72d8e1dfd950b69fc30eb5b31501795 to your computer and use it in GitHub Desktop.
Download ZIP
Custom color theme for Visual Studio Code
Raw
themer-dark-color-theme.json
{
"_version": "1.27.2",
"_source": "https://gist.github.com/curtisj44/e72d8e1dfd950b69fc30eb5b31501795/edit",
"_colors": {
"black-background": "#2b2b2b",
"blue-light": "#87CEEB",
"blue-dark": "#2B91AF",
"gray-light (default text)": "#C0C0C0",
"grey-medium": "#808080",
"gray-dark": "#454545",
"green": "#7CCD7C",
"orange": "#FFA54F",
"orange-dark (custom)": "#FF9430",
"pink": "#EE799F",
"purple (custom)": "#CE93D8",
"red-light": "#FA8072",
"red-dark": "#D21932",
"red-background": "#963A46",
"teal (custom)": "#76EEC6",
"yellow": "#EEDC82",
"yellow-background": "#FFEE62",
"yellow-grey (custom)": "#BCB8A4"
},
"name": "Themer Dark",
"type": "dark",
"semanticHighlighting": true,
"_semanticHighlightingGuide": "https://code.visualstudio.com/api/language-extensions/semantic-highlight-guide",
"_semanticFormat": "(*|semanticTokenType)(.modifier)*(:language)?",
"semanticTokenColors": {
"function.declaration.readonly:typescriptreact": "#87CEEB",
"function.readonly:typescriptreact": "#FFA54F",
"method.declaration:javascript": "#C0C0C0",
"method.declaration:typescript": "#C0C0C0",
"method.declaration:typescriptreact": "#C0C0C0",
"variable.defaultLibrary:javascript": "#76EEC6",
"variable.defaultLibrary:typescript": "#76EEC6",
"variable.defaultLibrary:typescriptreact": "#76EEC6"
},
"_themeColorReference": "https://code.visualstudio.com/api/references/theme-color",
"colors": {
"_activityBar.activeBackground": "#2b2b2b",
"activityBar.activeBorder": "#2b2b2b",
"activityBar.background": "#2b2b2b",
"activityBar.border": "#111",
"activityBar.foreground": "#c0c0c0",
"activityBar.inactiveForeground": "#444",
"activityBarBadge.background": "#808080",
"activityBarBadge.foreground": "#2b2b2b",
"badge.foreground": "#2b2b2b",
"badge.background": "#808080",
"breadcrumb.foreground": "#444",
"button.background": "#ee799f",
"button.foreground": "#2b2b2b",
"button.hoverBackground": "#2b91af",
"debugExceptionWidget.background": "#424242",
"debugExceptionWidget.border": "#424242",
"debugToolBar.background": "#424242",
"diffEditor.insertedTextBackground": "#fa807220",
"diffEditor.removedTextBackground": "#2b91af20",
"dropdown.background": "#424242",
"dropdown.border": "#424242",
"dropdown.foreground": "#b5b5b5",
"editor.background": "#2b2b2b",
"editor.foreground": "#cccccc",
"editor.inactiveSelectionBackground": "#ee799f33",
"editor.findMatchBackground": "#87ceeb7f",
"editor.findMatchHighlightBackground": "#87ceeb3f",
"editor.findRangeHighlightBackground": "#424242",
"editor.hoverHighlightBackground": "#595959",
"editor.lineHighlightBackground": "#2b2b2b",
"editor.lineHighlightBorder": "#424242",
"editor.rangeHighlightBackground": "#424242",
"editor.selectionHighlightBackground": "#2b2b2b",
"editor.selectionHighlightBorder": "#EEDC82",
"editor.selectionBackground": "#111",
"editorUnnecessaryCode.border": "#808080",
"editor.wordHighlightBackground": "#8080807f",
"editor.wordHighlightStrongBackground": "#eedc827f",
"editorGroup.emptyBackground": "#2b2b2b",
"editorGroup.border": "#161616",
"editorGroup.focusedEmptyBorder": "#424242",
"editorGroup.dropBackground": "#5959597f",
"editorGroupHeader.noTabsBackground": "#424242",
"editorGroupHeader.tabsBackground": "#424242",
"editorGroupHeader.tabsBorder": "#161616",
"editorCursor.foreground": "#FFFF00",
"editorLineNumber.foreground": "#454545",
"editorLink.activeForeground": "#2b91af",
"editorIndentGuide.background": "#424242",
"editorIndentGuide.activeBackground": "#595959",
"editorRuler.foreground": "#424242",
"editorBracketMatch.background": "#424242",
"editorBracketMatch.border": "#424242",
"editorCodeLens.foreground": "#9e9e9e",
"editorError.foreground": "#fa8072",
"editorError.border": "#2b2b2b",
"editorGutter.background": "#2b2b2b",
"editorGutter.modifiedBackground": "#EEDC82",
"editorGutter.addedBackground": "#7CCD7C",
"editorGutter.deletedBackground": "#FA8072",
"editorHoverWidget.background": "#424242",
"editorHoverWidget.border": "#424242",
"editorSuggestWidget.background": "#424242",
"editorSuggestWidget.border": "#424242",
"editorSuggestWidget.foreground": "#b5b5b5",
"editorSuggestWidget.highlightForeground": "#eedc82",
"editorSuggestWidget.selectedBackground": "#595959",
"editorMarkerNavigation.background": "#424242",
"editorMarkerNavigationError.background": "#2b91af",
"editorMarkerNavigationWarning.background": "#ffa54f",
"editorOverviewRuler.border": "#424242",
"editorOverviewRuler.findMatchForeground": "#87ceebbf",
"editorOverviewRuler.rangeHighlightForeground": "#595959bf",
"editorOverviewRuler.selectionHighlightForeground": "#424242bf",
"editorOverviewRuler.wordHighlightForeground": "#595959bf",
"editorOverviewRuler.wordHighlightStrongForeground": "#707070bf",
"editorOverviewRuler.modifiedForeground": "#87ceeb7f",
"editorOverviewRuler.addedForeground": "#111",
"editorOverviewRuler.deletedForeground": "#2b91af7f",
"editorOverviewRuler.errorForeground": "#2b91af7f",
"editorOverviewRuler.warningForeground": "#ffa54f7f",
"editorOverviewRuler.infoForeground": "#ee799f7f",
"editorOverviewRuler.currentContentForeground": "#2b91af",
"editorOverviewRuler.incomingContentForeground": "#ee799f",
"editorOverviewRuler.commonContentForeground": "#808080",
"editorPane.background": "#2b2b2b",
"editorWarning.foreground": "#D21932",
"editorWarning.border": "#2b2b2b",
"editorWidget.background": "#424242",
"editorWidget.border": "#424242",
"editorWhitespace.foreground": "#424242",
"extensionButton.prominentForeground": "#2b2b2b",
"extensionButton.prominentBackground": "#ee799f",
"extensionButton.prominentHoverBackground": "#2b91af",
"errorForeground": "#2b91af",
"focusBorder": "#111",
"foreground": "#cccccc",
"gitDecoration.addedResourceForeground": "#c0c0c0",
"gitDecoration.modifiedResourceForeground": "#c0c0c0",
"gitDecoration.deletedResourceForeground": "#c0c0c0",
"gitDecoration.renamedResourceForeground": "#c0c0c0",
"gitDecoration.stageModifiedResourceForeground": "#c0c0c0",
"gitDecoration.stageDeletedResourceForeground": "#c0c0c0",
"gitDecoration.untrackedResourceForeground": "#c0c0c0",
"gitDecoration.ignoredResourceForeground": "#c0c0c0",
"gitDecoration.conflictingResourceForeground": "#c0c0c0",
"gitDecoration.submoduleResourceForeground": "#c0c0c0",
"input.background": "#424242",
"input.border": "#424242",
"input.foreground": "#b5b5b5",
"input.placeholderForeground": "#595959",
"inputOption.activeBorder": "#2b91af",
"inputValidation.errorBackground": "#424242",
"inputValidation.errorBorder": "#2b91af",
"inputValidation.infoBackground": "#424242",
"inputValidation.infoBorder": "#ee799f",
"inputValidation.warningBackground": "#424242",
"inputValidation.warningBorder": "#ffa54f",
"list.activeSelectionBackground": "#111",
"list.activeSelectionForeground": "#ebebeb",
"list.dropBackground": "#707070",
"list.errorForeground": "#2b91af",
"list.focusBackground": "#111",
"list.focusForeground": "#ccc",
"list.highlightForeground": "#87ceeb",
"list.hoverBackground": "#87CEEB40",
"list.hoverForeground": "#ebebeb",
"list.inactiveSelectionBackground": "#111",
"list.inactiveSelectionForeground": "#ccc",
"list.invalidItemForeground": "#2b91af",
"list.warningForeground": "#87ceeb",
"listFilterWidget.background": "#424242",
"listFilterWidget.noMatchesOutline": "#2b91af",
"listFilterWidget.outline": "#ee799f",
"merge.currentHeaderBackground": "#2b91af4c",
"merge.currentContentBackground": "#2b91af4c",
"merge.incomingHeaderBackground": "#ee799f4c",
"merge.incomingContentBackground": "#ee799f4c",
"merge.commonContentBackground": "#8080804c",
"merge.commonHeaderBackground": "#8080804c",
"merge.border": "#878787",
"minimap.background": "#2b2b2b",
"panel.background": "#252525",
"panel.border": "#202020",
"panelTitle.activeBorder": "#707070",
"panelTitle.activeForeground": "#b5b5b5",
"panelTitle.inactiveForeground": "#878787",
"peekView.border": "#eedc82",
"peekViewEditor.background": "#424242",
"peekViewEditorGutter.background": "#424242",
"peekViewEditor.matchHighlightBackground": "#87ceeb7f",
"peekViewResult.background": "#424242",
"peekViewResult.fileForeground": "#b5b5b5",
"peekViewResult.lineForeground": "#595959",
"peekViewResult.matchHighlightBackground": "#87ceeb",
"peekViewResult.selectionBackground": "#707070",
"peekViewResult.selectionForeground": "#cccccc",
"peekViewTitle.background": "#595959",
"peekViewTitleDescription.foreground": "#9e9e9e",
"peekViewTitleLabel.foreground": "#cccccc",
"pickerGroup.border": "#9e9e9e",
"pickerGroup.foreground": "#cccccc",
"progressBar.background": "#fa8072",
"quickInputList.focusForeground": "#fff",
"scrollbar.shadow": "#2b2b2b",
"scrollbarSlider.background": "#59595980",
"selection.background": "#595959",
"sideBar.background": "#2b2b2b",
"sideBar.foreground": "#8E8E8E",
"sideBar.border": "#111",
"sideBarTitle.foreground": "#2b2b2b",
"sideBarSectionHeader.background": "#252525",
"sideBarSectionHeader.foreground": "#5c5c5c",
"statusBar.background": "#252525",
"statusBar.foreground": "#A0A0A0",
"statusBar.border": "#1E1E1E",
"statusBar.debuggingBackground": "#ffa54f",
"statusBar.debuggingForeground": "#2b2b2b",
"statusBar.debuggingBorder": "#ffa54f7f",
"statusBar.noFolderBackground": "#808080",
"statusBar.noFolderForeground": "#2b2b2b",
"statusBar.noFolderBorder": "#8080807f",
"statusBarItem.activeBackground": "#2b91af",
"statusBarItem.hoverBackground": "#454545",
"statusBarItem.prominentBackground": "#2b91af",
"statusBarItem.prominentHoverBackground": "#454545",
"tab.activeBackground": "#2b2b2b",
"tab.activeBorder": "#2b2b2b",
"tab.activeBorderTop": "#161616",
"tab.activeForeground": "#C0C0C0",
"tab.border": "#161616",
"tab.inactiveBackground": "#424242",
"tab.unfocusedActiveForeground": "#C0C0C0",
"tab.unfocusedInactiveForeground": "#C0C0C0",
"tab.unfocusedActiveBorder": "#2b2b2b",
"terminal.background": "#2b2b2b",
"terminal.foreground": "#b5b5b5",
"terminal.ansiBlack": "#2b2b2b",
"terminal.ansiBlue": "#87CEEB",
"terminal.ansiBrightBlack": "#424242",
"terminal.ansiBrightBlue": "#87CEEB",
"terminal.ansiBrightCyan": "#2b91af",
"terminal.ansiBrightGreen": "#7CCD7C",
"terminal.ansiBrightMagenta": "#EE799F",
"terminal.ansiBrightRed": "#FA8072",
"terminal.ansiBrightWhite": "#cccccc",
"terminal.ansiBrightYellow": "#EEDC82",
"terminal.ansiCyan": "#2b91af",
"terminal.ansiGreen": "#7CCD7C",
"terminal.ansiMagenta": "#EE799F",
"terminal.ansiRed": "#FA8072",
"terminal.ansiWhite": "#b5b5b5",
"terminal.ansiYellow": "#BCB8A4",
"terminal.selectionBackground": "#111",
"terminalCursor.background": "#424242",
"terminalCursor.foreground": "#9e9e9e",
"titleBar.activeBackground": "#252525",
"titleBar.activeForeground": "#707070",
"titleBar.inactiveBackground": "#252525",
"titleBar.inactiveForeground": "#707070",
"tree.indentGuidesStroke": "#424242",
"walkThrough.embeddedEditorBackground": "#2b2b2b",
"widget.shadow": "#2b2b2b"
},
"tokenColors": [
{
"name": "Comment",
"scope": "comment",
"settings": {
"foreground": "#7CCD7C"
}
},
{
"name": "Constant",
"scope": "constant",
"settings": {
"foreground": "#FA8072"
}
},
{
"name": "Entity",
"scope": "entity",
"settings": {
"foreground": "#87CEEB"
}
},
{
"name": "Entity HTML tag",
"scope": "entity.name.tag",
"settings": {
"foreground": "#EEDC82"
}
},
{
"name": "entity.name.tag.css.postcss.symbol",
"scope": [
"entity.name.tag.css.postcss.symbol",
"entity.name.tag.reference.scss"
],
"settings": {
"foreground": "#EE799F"
}
},
{
"name": "source.css.postcss entity.name.function",
"scope": "source.css.postcss entity.name.function",
"settings": {
"foreground": "#FF9430"
}
},
{
"name": "meta.function-call entity.name.function",
"scope": ["meta.function-call entity.name.function"],
"settings": {
"foreground": "#FFA54F"
}
},
{
"name": "entity.name.type.instance.jsdoc",
"scope": "entity.name.type.instance.jsdoc",
"settings": {
"foreground": "#98b398"
}
},
{
"name": "entity.name.type.module",
"scope": "entity.name.type.module",
"settings": {
"foreground": "#C0C0C0"
}
},
{
"name": "Invalid",
"scope": "invalid",
"settings": {
"foreground": "#D21932"
}
},
{
"name": "Keyword",
"scope": "keyword",
"settings": {
"foreground": "#808080"
}
},
{
"name": "keyword.operator.assignment",
"scope": "keyword.operator.assignment",
"settings": {
"foreground": "#EE799F"
}
},
{
"name": "keyword.control.at-rule.css.postcss",
"scope": [
"keyword.control.at-rule.css.postcss",
"keyword.control.at-rule.include.scss"
],
"settings": {
"foreground": "#EE799F"
}
},
{
"name": "keyword.control, 'Export' keyword (JS/TS)",
"scope": ["keyword.control.flow", "keyword.control.export"],
"settings": {
"foreground": "#CE93D8"
}
},
{
"name": "keyword.other.unit.css",
"scope": "keyword.other.unit.css",
"settings": {
"foreground": "#87CEEB"
}
},
{
"name": "meta.at-rule.mixin keyword.control.at-rule.mixin.scss",
"scope": [
"meta.at-rule.mixin keyword.control.at-rule.mixin.scss",
"keyword.control.at-rule.keyframes.scss",
"keyword.control.at-rule.media.scss",
"keyword.control.at-rule.import.scss"
],
"settings": {
"foreground": "#EE799F"
}
},
{
"name": "support.function.misc.scss",
"scope": ["support.function.misc.scss", "keyword.control.content.scss"],
"settings": {
"foreground": "#CE93D8"
}
},
{
"name": "constant.numeric.css keyword.other.unit",
"scope": "constant.numeric.css keyword.other.unit",
"settings": {
"foreground": "#87CEEB"
}
},
{
"name": "keyword.other.important.scss (CSS `!important`)",
"scope": "keyword.other.important.scss",
"settings": {
"foreground": "#FF0000"
}
},
{
"name": "Punctuation HTML tag '<'",
"scope": "punctuation.definition.tag.begin",
"settings": {
"foreground": "#BCB8A4"
}
},
{
"name": "Punctuation HTML tag '>' or '/>'",
"scope": "punctuation.definition.tag.end",
"settings": {
"foreground": "#BCB8A4"
}
},
{
"name": "Storage",
"scope": "storage",
"settings": {
"foreground": "#EE799F"
}
},
{
"name": "storage.type.class.jsdoc",
"scope": "storage.type.class.jsdoc",
"settings": {
"foreground": "#7CCD7C"
}
},
{
"name": "String",
"scope": "string",
"settings": {
"foreground": "#fa8072"
}
},
{
"name": "string.quoted.double.json",
"scope": "string.quoted.double.json",
"settings": {
"foreground": "#EEDC82"
}
},
{
"name": "Support",
"scope": "support",
"settings": {
"foreground": "#2b91af"
}
},
{
"name": "Support React JSX Component",
"scope": "support.class.component",
"settings": {
"foreground": "#EEDC82"
}
},
{
"name": "'console' in JS/TS",
"scope": ["support.class.console", "support.function.console"],
"settings": {
"foreground": "#76EEC6"
}
},
{
"name": "support.function.name.postcss.no-completions",
"scope": "support.function.name.postcss.no-completions",
"settings": {
"foreground": "#FF9430"
}
},
{
"name": "support.type.property-name.json",
"scope": "support.type.property-name.json",
"settings": {
"foreground": "#FFA54F"
}
},
{
"name": "meta.structure.dictionary.value.json support.type.property-name.json",
"scope": "meta.structure.dictionary.value.json support.type.property-name.json",
"settings": {
"foreground": "#87CEEB"
}
},
{
"name": "constant.numeric.css",
"scope": "constant.numeric.css",
"settings": {
"foreground": "#87CEEB"
}
},
{
"name": "meta.selector.css",
"scope": "meta.selector.css",
"settings": {
"foreground": "#87CEEB"
}
},
{
"name": "support.type.property-name.css",
"scope": "support.type.property-name.css",
"settings": {
"foreground": "#EEDC82"
}
},
{
"name": "support.constant.property-value.css",
"scope": "support.constant.property-value.css",
"settings": {
"foreground": "#87CEEB"
}
},
{
"name": "support.type.vendored.property-name.css (CSS Vendor Prefixes)",
"scope": "support.type.vendored.property-name.css",
"settings": {
"foreground": "#BCB8A4"
}
},
{
"name": "Variable",
"scope": "variable",
"settings": {
"foreground": "#c0c0c0"
}
},
{
"name": "variable.other.jsdoc",
"scope": "variable.other.jsdoc",
"settings": {
"foreground": "#a5cd7c"
}
},
{
"name": "variable.parameter",
"scope": "variable.parameter",
"settings": {
"foreground": "#2B91AF"
}
},
{
"name": "variable.parameter.postcss",
"scope": "variable.parameter.postcss",
"settings": {
"foreground": "#FFA54F"
}
},
{
"name": "variable.scss",
"scope": "variable.scss",
"settings": {
"foreground": "#FFA54F"
}
},
{
"name": "markup.bold",
"scope": "markup.bold",
"settings": {
"foreground": "#FFA54F"
}
},
{
"name": "markup.heading.markdown heading.1 entity",
"scope": "markup.heading.markdown heading.1 entity",
"settings": {
"foreground": "#87CEEB"
}
},
{
"name": "markup.heading.markdown heading.2 entity",
"scope": "markup.heading.markdown heading.2 entity",
"settings": {
"foreground": "#2b91af"
}
},
{
"name": "markup.heading.markdown heading.3 entity",
"scope": "markup.heading.markdown heading.3 entity",
"settings": {
"foreground": "#76EEC6"
}
},
{
"name": "markup.heading.markdown punctuation.definition.heading.markdown",
"scope": "markup.heading.markdown punctuation.definition.heading.markdown",
"settings": {
"foreground": "#EEDC82"
}
},
{
"name": "punctuation.definition.list.begin.markdown",
"scope": "punctuation.definition.list.begin.markdown",
"settings": {
"foreground": "#EEDC82"
}
},
{
"name": "markup.inline.raw.string",
"scope": "markup.inline.raw.string",
"settings": {
"foreground": "#FFA54F"
}
},
{
"name": "Markup Deleted",
"scope": "markup.deleted",
"settings": {
"foreground": "#2b91af"
}
},
{
"name": "Markup Inserted",
"scope": "markup.inserted",
"settings": {
"foreground": "#fa8072"
}
},
{
"name": "Markup Changed",
"scope": "markup.changed",
"settings": {
"foreground": "#87ceeb"
}
},
{
"name": "Markup Underline",
"scope": "markup.underline",
"settings": {
"fontStyle": "underline"
}
},
{
"name": "Markup Underline Link",
"scope": "markup.underline.link",
"settings": {
"foreground": "#ee799f"
}
},
{
"name": "Markup List",
"scope": "markup.list",
"settings": {
"foreground": "#cccccc"
}
},
{
"name": "Markup Raw",
"scope": "markup.raw",
"settings": {
"foreground": "#eedc82"
}
},
{
"name": "Markdown - Git merge conflict",
"scope": "punctuation.definition.quote.begin.markdown markup.quote.markdown markup.quote.markdown text.html.markdown",
"settings": {
"foreground": "#f00"
}
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment