Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#1e2122
  • activityBar.border#2c2f30
  • activityBar.foreground#c3b499
  • activityBarBadge.background#6d8dad
  • activityBarBadge.foreground#c3b499
  • badge.background#cc7f94
  • badge.foreground#1e2122
  • button.background#6d8dad80
  • button.foreground#c3b499
  • button.hoverBackground#6d8dad60
  • debugToolBar.background#1e2122
  • diffEditor.insertedTextBackground#a9b66530
  • diffEditor.removedTextBackground#ec6b6430
  • dropdown.background#1e2122
  • dropdown.border#2c2f30
  • dropdown.foreground#c3b499
  • editor.background#1e2122
  • editor.findMatchBackground#7daea370
  • editor.findMatchHighlightBackground#e78a4e30
  • editor.findRangeHighlightBackground#7daea370
  • editor.foreground#c3b499
  • editor.hoverHighlightBackground#689d6a50
  • editor.lineHighlightBackground#2c2f3060
  • editor.lineHighlightBorder#2c2f3000
  • editor.selectionBackground#689d6a40
  • editor.selectionHighlightBackground#e0c08040
  • editorBracketMatch.background#92837480
  • editorBracketMatch.border#1e212200
  • editorCodeLens.foreground#a8998490
  • editorCursor.foreground#c3b499
  • editorError.foreground#ce8196
  • editorGroup.border#2c2f30
  • editorGroup.dropBackground#2c2f3060
  • editorGroupHeader.noTabsBackground#2c2f30
  • editorGroupHeader.tabsBackground#1e2122
  • editorGroupHeader.tabsBorder#2c2f30
  • editorGutter.addedBackground#a9b665
  • editorGutter.background#1e212200
  • editorGutter.deletedBackground#ec6b64
  • editorGutter.modifiedBackground#7daea3
  • editorHoverWidget.background#1e2122
  • editorHoverWidget.border#2c2f30
  • editorIndentGuide.activeBackground#a8998450
  • editorIndentGuide.background#a8998420
  • editorInfo.foreground#6d8dad
  • editorLineNumber.foreground#404344
  • editorLink.activeForeground#c3b499
  • editorOverviewRuler.addedForeground#7daea3
  • editorOverviewRuler.border#1e212200
  • editorOverviewRuler.commonContentForeground#928374
  • editorOverviewRuler.currentContentForeground#6d8dad
  • editorOverviewRuler.deletedForeground#7daea3
  • editorOverviewRuler.errorForeground#ec6b64
  • editorOverviewRuler.findMatchForeground#d4be98
  • editorOverviewRuler.incomingContentForeground#689d6a
  • editorOverviewRuler.infoForeground#cc7f94
  • editorOverviewRuler.modifiedForeground#7daea3
  • editorOverviewRuler.rangeHighlightForeground#d4be98
  • editorOverviewRuler.selectionHighlightForeground#404344
  • editorOverviewRuler.warningForeground#d6b676
  • editorOverviewRuler.wordHighlightForeground#404344
  • editorOverviewRuler.wordHighlightStrongForeground#404344
  • editorRuler.foreground#a8998440
  • editorSuggestWidget.background#1e2122
  • editorSuggestWidget.border#2c2f30
  • editorSuggestWidget.foreground#c3b499
  • editorSuggestWidget.highlightForeground#689d6a
  • editorSuggestWidget.selectedBackground#2c2f3060
  • editorWarning.foreground#d6b676
  • editorWhitespace.foreground#a8998420
  • editorWidget.background#1e2122
  • editorWidget.border#2c2f30
  • errorForeground#ec6b64
  • extensionButton.prominentBackground#a9b66580
  • extensionButton.prominentHoverBackground#a9b66530
  • focusBorder#2c2f30
  • foreground#c3b499
  • gitDecoration.conflictingResourceForeground#b16286
  • gitDecoration.deletedResourceForeground#ce8196
  • gitDecoration.ignoredResourceForeground#7c6f64
  • gitDecoration.modifiedResourceForeground#d6b676
  • gitDecoration.untrackedResourceForeground#98971a
  • input.background#c3b49905
  • input.border#2c2f30
  • input.foreground#c3b499
  • input.placeholderForeground#c3b49960
  • inputOption.activeBorder#c3b49960
  • inputValidation.errorBackground#ce819680
  • inputValidation.errorBorder#ec6b64
  • inputValidation.infoBackground#6d8dad80
  • inputValidation.infoBorder#7daea3
  • inputValidation.warningBackground#d6b67680
  • inputValidation.warningBorder#e0c080
  • list.activeSelectionBackground#2c2f3080
  • list.activeSelectionForeground#86b17f
  • list.dropBackground#2c2f30
  • list.focusBackground#2c2f30
  • list.focusForeground#c3b499
  • list.highlightForeground#689d6a
  • list.hoverBackground#2c2f3080
  • list.hoverForeground#c0b196
  • list.inactiveSelectionBackground#2c2f3080
  • list.inactiveSelectionForeground#689d6a
  • merge.border#1e212200
  • merge.currentContentBackground#6d8dad20
  • merge.currentHeaderBackground#6d8dad40
  • merge.incomingContentBackground#689d6a20
  • merge.incomingHeaderBackground#689d6a40
  • panel.border#2c2f30
  • panelTitle.activeForeground#c3b499
  • peekView.border#2c2f30
  • peekViewEditor.background#2c2f3050
  • peekViewEditor.matchHighlightBackground#ff0000
  • peekViewEditorGutter.background#2c2f3050
  • peekViewResult.background#2c2f3050
  • peekViewResult.fileForeground#c3b499
  • peekViewResult.matchHighlightBackground#86b17f30
  • peekViewResult.selectionBackground#86b17f30
  • peekViewResult.selectionForeground#86b17f30
  • peekViewTitle.background#2c2f3050
  • peekViewTitleDescription.foreground#d4be98
  • peekViewTitleLabel.foreground#c3b499
  • progressBar.background#689d6a
  • scrollbar.shadow#1e2122
  • scrollbarSlider.activeBackground#689d6a
  • scrollbarSlider.background#36393a99
  • scrollbarSlider.hoverBackground#404344
  • selection.background#689d6a80
  • sideBar.background#1e2122
  • sideBar.border#2c2f30
  • sideBar.foreground#c0b196
  • sideBarSectionHeader.background#1e212200
  • sideBarSectionHeader.foreground#c3b499
  • sideBarTitle.foreground#c3b499
  • statusBar.background#1e2122
  • statusBar.border#2c2f30
  • statusBar.debuggingBackground#e78a4e
  • statusBar.debuggingBorder#1e212200
  • statusBar.debuggingForeground#1e2122
  • statusBar.foreground#c3b499
  • statusBar.noFolderBackground#1e2122
  • statusBar.noFolderBorder#1e212200
  • tab.activeBackground#32302f
  • tab.activeBorder#689d6a
  • tab.activeForeground#c3b499
  • tab.border#1e212200
  • tab.inactiveBackground#1e2122
  • tab.inactiveForeground#a89984
  • tab.unfocusedActiveBorder#1e212200
  • tab.unfocusedActiveForeground#a89984
  • tab.unfocusedInactiveForeground#928374
  • terminal.ansiBlack#2c2f30
  • terminal.ansiBlue#6d8dad
  • terminal.ansiBrightBlack#928374
  • terminal.ansiBrightBlue#7daea3
  • terminal.ansiBrightCyan#86b17f
  • terminal.ansiBrightGreen#a9b665
  • terminal.ansiBrightMagenta#cc7f94
  • terminal.ansiBrightRed#ec6b64
  • terminal.ansiBrightWhite#c3b499
  • terminal.ansiBrightYellow#e0c080
  • terminal.ansiCyan#689d6a
  • terminal.ansiGreen#98971a
  • terminal.ansiMagenta#b16286
  • terminal.ansiRed#ce8196
  • terminal.ansiWhite#a89984
  • terminal.ansiYellow#d6b676
  • terminal.background#1e2122
  • terminal.foreground#c3b499
  • textLink.activeForeground#6d8dad
  • textLink.foreground#7daea3
  • titleBar.activeBackground#1e2122
  • titleBar.activeForeground#c3b499
  • titleBar.inactiveBackground#1e2122
  • widget.shadow#1e212230

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasisitalic
strongbold
header#6D8DAD
comment, punctuation.definition.comment#928374italic
constant, support.constant, variable.arguments#CC7F94
constant.rgb-value#C3B499
entity.name.selector#86B17F
entity.other.attribute-name#E0C080
entity.name.tag, punctuation.tag#86B17F
invalid, invalid.illegal#CE8196
invalid.deprecated#B16286
meta.selector#86B17F
meta.preprocessor#E78A4E
meta.preprocessor.string#A9B665
meta.preprocessor.numeric#A9B665
meta.header.diff#E78A4E
storage#EC6B64
storage.modifier#E78A4E
string#A9B665
string.tag#A9B665
string.value#A9B665
string.regexp#E78A4E
string.escape#EC6B64
string.quasi#86B17F
string.entity#A9B665
object#C3B499
module.node#7DAEA3
support.type.property-name#689D6A
keyword#EC6B64
keyword.control#EC6B64
keyword.control.module#86B17F
keyword.control.less#D6B676
keyword.operator#86B17F
keyword.operator.new#E78A4E
keyword.other.unit#A9B665
metatag.php#E78A4E
support.function.git-rebase#689D6A
constant.sha.git-rebase#A9B665
meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class#E0C080
variable.this, support.variable#CC7F94
entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type#E0C080
storage.type.function, entity.function, entity.name.function.static#86B17F
entity.name.function.function-call#86B17F
support.function.builtin#E78A4E
entity.name.method, entity.name.method.function-call, entity.name.static.function-call#689D6A
brace#C0B196
meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder#7DAEA3
prototype#CC7F94
storage.type.class#EC6B64
punctuation#A89984
punctuation.quoted#C3B499
punctuation.quasi#EC6B64
*url*, *link*, *uri*underline
meta.function.python, entity.name.function.python#86B17F
storage.type.function.python, storage.modifier.declaration, storage.type.class.python#EC6B64
meta.function-call.generic#7DAEA3
meta.function-call.arguments#C0B196
entity.name.function.decorator#E0C080bold
constant.other.capsbold
keyword.operator.logical#EC6B64
punctuation.definition.logical-expression#E78A4E
string.inperpolated.dollar.shell#E78A4E
string.interpolated.dollar.shell, string.interpolated.backtick.shell#86B17F
keyword.control.directive#86B17F
support.function.C99#E0C080
meta.function.cs, entity.name.function.cs, entity.name.type.namespace.cs#A9B665
keyword.other.using.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, variable.other.readwrite.cs#86B17F
keyword.other.this.cs, keyword.other.base.cs#CC7F94
meta.scope.prerequisites#E0C080
entity.name.function.target#A9B665bold
storage.modifier.import.java, storage.modifier.package.java#D4BE98
keyword.other.import.java, keyword.other.package.java#86B17F
storage.type.java#E0C080
storage.type.annotation#7DAEA3bold
keyword.other.documentation.javadoc#86B17F
comment.block.javadoc variable.parameter.java#A9B665bold
source.java variable.other.object, source.java variable.other.definition.java#C3B499
meta.function-parameters.lisp#E0C080
markup.underlineunderline
string.other.link.title.markdown#928374underline
markup.underline.link#CC7F94
markup.bold#E78A4Ebold
markup.heading#E78A4Ebold
markup.italicitalic
markup.inserted#A9B665
markup.deleted#D65D0E
markup.changed#E78A4E
markup.punctuation.quote.beginning#98971A
markup.punctuation.list.beginning#7DAEA3
markup.inline.raw, markup.fenced_code.block#86B17F
string.quoted.double.json#7DAEA3
source.json meta.structure.dictionary.json support.type.property-name.json#A9B665
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#86B17F
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#CC7F94
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#A9B665
entity.other.attribute-name.css#E78A4E
source.css meta.selector#C3B499
support.type.property-name.css#E78A4E
entity.other.attribute-name.class#A9B665
source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc#EC6B64
support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss#D65D0E
entity.name.tag.cssnormal
punctuation.definition.tag#7DAEA3
text.html entity.name.tag, text.html punctuation.tag#86B17Fbold
source.js variable.language#E78A4E
source.ts variable.language#E78A4E
source.go storage.type#E0C080
source.go entity.name.import#A9B665
source.go keyword.package, source.go keyword.import#86B17F
source.go keyword.interface, source.go keyword.struct#7DAEA3
source.go entity.name.type#C3B499
source.go entity.name.function#CC7F94
keyword.control.cucumber.table#7DAEA3
source.reason string.double, source.reason string.regexp#A9B665
source.reason keyword.control.less#86B17F
source.reason entity.name.function#7DAEA3
source.reason support.property-value, source.reason entity.name.filename#E78A4E
source.powershell variable.other.member.powershell#E78A4E
source.powershell support.function.powershell#E0C080
source.powershell support.function.attribute.powershell#D4BE98
source.powershell meta.hashtable.assignment.powershell variable.other.readwrite.powershell#E78A4E
comment, variable.language, variable.parameter, entity.other.attribute-name, keyword, markup.underline.link, storage.modifier, storage.type, string.url, variable.language.super, variable.language.this
keyword.operator, keyword.other.type, storage.modifier.import, storage.modifier.package, storage.type.built-in, storage.type.function.arrow, storage.type.generic, storage.type.java, storage.type.primitive
entity.name.tag.html, meta.tag#EC6B64bold
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
Best Themes Redefined 🚀 by Lakshit Somani - VS Code Theme