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#150e04
  • activityBarBadge.background#5b7454
  • button.background#5b7454
  • button.foreground#fffffc
  • button.secondaryBackground#2a1f0a
  • button.secondaryForeground#cfcfcc
  • button.secondaryHoverBackground#39342c
  • dropdown.background#1e1607
  • dropdown.border#39342c
  • dropdown.foreground#f5f2eb
  • editor.background#1a1306
  • editor.findMatchBackground#c7a25270
  • editor.findMatchHighlightBackground#c7a25235
  • editor.foreground#cfcfcc
  • editor.inactiveSelectionBackground#f5f2eb18
  • editor.lineHighlightBackground#1e160780
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#f5f2eb38
  • editor.selectionHighlightBackground#f5f2eb20
  • editor.wordHighlightBackground#f5f2eb1c
  • editor.wordHighlightStrongBackground#f5f2eb28
  • editorGroup.border#39342c
  • editorGroupHeader.border#39342c
  • editorGroupHeader.noTabsBackground#150e04
  • editorGroupHeader.tabsBackground#150e04
  • editorGutter.addedBackground#9aaf9a
  • editorGutter.deletedBackground#d38e8e
  • editorGutter.modifiedBackground#d6b575
  • editorHoverWidget.background#1e1607
  • editorHoverWidget.border#39342c
  • editorHoverWidget.foreground#cfcfcc
  • editorHoverWidget.statusBarBackground#150e04
  • editorIndentGuide.activeBackground1#5a524c90
  • editorIndentGuide.background1#22190880
  • editorLineNumber.activeForeground#cfcfcc
  • editorLineNumber.foreground#5a524c
  • editorSuggestWidget.background#1e1607
  • editorSuggestWidget.border#39342c
  • editorSuggestWidget.focusHighlightForeground#8fbcbb
  • editorSuggestWidget.foreground#cfcfcc
  • editorSuggestWidget.highlightForeground#8fbcbb
  • editorSuggestWidget.selectedBackground#2a1f0a
  • editorSuggestWidget.selectedForeground#fffffc
  • focusBorder#5b7454
  • foreground#cfcfcc
  • gitDecoration.addedResourceForeground#9aaf9a
  • gitDecoration.conflictingResourceForeground#df8a96
  • gitDecoration.deletedResourceForeground#d38e8e
  • gitDecoration.ignoredResourceForeground#6b625b
  • gitDecoration.modifiedResourceForeground#d6b575
  • gitDecoration.renamedResourceForeground#8fbcbb
  • gitDecoration.stageDeletedResourceForeground#d38e8e
  • gitDecoration.stageModifiedResourceForeground#d6b575
  • gitDecoration.submoduleResourceForeground#8fbcbb
  • gitDecoration.untrackedResourceForeground#9aaf9a
  • input.background#1e1607
  • input.border#39342c
  • input.foreground#f5f2eb
  • input.placeholderForeground#8c877d
  • inputOption.activeBackground#5b745480
  • inputOption.activeBorder#5b7454
  • list.activeSelectionBackground#2a1f0a
  • list.activeSelectionForeground#fffffc
  • list.hoverBackground#22190880
  • list.inactiveSelectionBackground#221908
  • menu.background#1e1607
  • menu.border#39342c80
  • menu.foreground#cfcfcc
  • menu.selectionBackground#2a1f0a
  • menu.selectionForeground#fffffc
  • menu.separatorBackground#39342c
  • panel.background#150e04
  • panel.border#39342c
  • pickerGroup.border#39342c
  • pickerGroup.foreground#8c877d
  • progressBar.background#5b7454
  • quickInput.background#1e1607
  • quickInput.foreground#cfcfcc
  • quickInputList.focusBackground#2a1f0a
  • quickInputList.focusForeground#fffffc
  • sash.hoverBorder#b8b2b2
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#f5f2eb40
  • scrollbarSlider.background#f5f2eb18
  • scrollbarSlider.hoverBackground#f5f2eb28
  • sideBar.background#1e1607
  • sideBar.border#39342c
  • statusBar.background#1e1607
  • statusBar.debuggingBackground#947a6d
  • statusBar.foreground#cfcfcc
  • statusBar.noFolderBackground#1e1607
  • statusBarItem.remoteBackground#5b7454
  • tab.activeBackground#1e1607
  • tab.activeForeground#f5f2eb
  • tab.inactiveBackground#150e04
  • tab.inactiveForeground#8c877d
  • tab.unfocusedActiveBackground#1a1306
  • tab.unfocusedInactiveBackground#110c03
  • terminal.ansiBlack#201707
  • terminal.ansiBlue#8fbcbb
  • terminal.ansiBrightBlack#6b625b
  • terminal.ansiBrightBlue#8fbcbb
  • terminal.ansiBrightCyan#8fbcbb
  • terminal.ansiBrightGreen#a2be94
  • terminal.ansiBrightMagenta#dfbec4
  • terminal.ansiBrightRed#df9f9f
  • terminal.ansiBrightWhite#f5f2eb
  • terminal.ansiBrightYellow#e2c98f
  • terminal.ansiCyan#8fbcbb
  • terminal.ansiGreen#9aaf9a
  • terminal.ansiMagenta#d4aca1
  • terminal.ansiRed#d38e8e
  • terminal.ansiWhite#cfcfcc
  • terminal.ansiYellow#d6b575
  • terminal.border#39342c
  • terminal.foreground#cfcfcc
  • terminal.selectionBackground#5a524c80
  • terminalCommandDecoration.defaultBackground#8c877d80
  • terminalCommandDecoration.errorBackground#df8a96
  • terminalCommandDecoration.successBackground#9aaf9a
  • terminalCursor.foreground#cfcfcc
  • textBlockQuote.background#1e160780
  • textBlockQuote.border#5b7454
  • textLink.activeForeground#b5c7a3
  • textLink.foreground#9aaf9a
  • titleBar.activeBackground#110c03

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasis, markup.italicitalic
strongbold
markup.underlineunderline
markup.strikethroughstrikethrough
keyword, keyword.control, keyword.operator.new, 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, keyword.operator.noexcept, storage, storage.type, storage.modifier, constant.language, constant.regexp, variable.language, meta.diff.header, meta.preprocessor, entity.name.function.preprocessor, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, markup.changed, entity.name.tag.html, entity.name.tag.xml, entity.name.tag.localname.xml, support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded, support.function.git-rebase#8fbcbb
comment, punctuation.definition.comment, punctuation.definition.quote.begin.markdown#9aaf9a
string, string.tag, string.value, meta.embedded.assembly, meta.preprocessor.string, markup.inline.raw, markup.deleted, entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, meta.attribute.html, source.json support.type.property-name.json, meta.structure.dictionary.json support.type.property-name.json, entity.name.tag.yaml, source.yaml support.type.property-name, punctuation.support.type.property-name.yaml, meta.structure.dictionary.key.python#d4aca1
source.json string.quoted.double.json, source.yaml string, source.yaml string.unquoted, source.yaml string.quoted.single, source.yaml string.quoted.double, string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml#cfcfcc
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent, keyword.other.unit, meta.preprocessor.numeric, constant.sha.git-rebase, markup.inserted#b5c7a3
markup.bold, markup.heading, punctuation.definition.list.begin.markdown, markup.list.numbered.bullet.markdown#9aaf9a
entity.name.tag.css, entity.name.tag.less, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, source.css entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss, source.css entity.other.attribute-name.class#d6b575
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python, keyword.operator, meta.template.expression, storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#cfcfcc
string.regexp#d38e8e
invalid#df8a96
punctuation.definition.tag#8c877d