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#2C241C
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A867
  • activityBar.inactiveForeground#F2ECE360
  • activityBarBadge.background#E9A867
  • activityBarBadge.foreground#2C241C
  • button.background#E9A867
  • button.foreground#2C241C
  • button.hoverBackground#E9A867dd
  • editor.background#2C241C
  • editor.foreground#F2ECE3
  • editor.inactiveSelectionBackground#A5EC793580
  • editor.lineHighlightBackground#12100D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A5EC7935
  • editorCursor.foreground#E9A867
  • editorGroupHeader.tabsBackground#2C241Cdd
  • editorLineNumber.activeForeground#E9A867
  • editorLineNumber.foreground#D6D1C680
  • focusBorder#E9A867
  • foreground#F2ECE3
  • input.background#12100D
  • input.border#ffffff15
  • input.foreground#F2ECE3
  • input.placeholderForeground#F2ECE360
  • list.activeSelectionBackground#E9A86730
  • list.activeSelectionForeground#F2ECE3
  • list.highlightForeground#E9A867
  • list.hoverBackground#12100D40
  • list.hoverForeground#F2ECE3
  • list.inactiveSelectionBackground#E9A86715
  • list.inactiveSelectionForeground#F2ECE3
  • selection.background#A5EC7935
  • sideBar.background#12100D
  • sideBar.border#ffffff15
  • sideBar.foreground#F2ECE3
  • sideBarSectionHeader.background#2C241C80
  • sideBarSectionHeader.foreground#F2ECE3
  • sideBarTitle.foreground#E9A867
  • statusBar.background#2C241C
  • statusBar.border#ffffff15
  • statusBar.foreground#F2ECE3
  • statusBar.noFolderBackground#2C241C
  • tab.activeBackground#2C241C
  • tab.activeBorderTop#E9A867
  • tab.activeForeground#F2ECE3
  • tab.border#ffffff15
  • tab.inactiveBackground#12100D60
  • tab.inactiveForeground#F2ECE380
  • terminal.ansiBlack#2C241C
  • terminal.ansiBlue#A5EC79
  • terminal.ansiCyan#E7AF55
  • terminal.ansiGreen#E9A867
  • terminal.ansiMagenta#F1CE83
  • terminal.ansiRed#F1CE83
  • terminal.ansiWhite#F2ECE3
  • terminal.ansiYellow#E7AF55
  • terminal.background#2C241C
  • terminal.foreground#F2ECE3
  • titleBar.activeBackground#2C241C
  • titleBar.activeForeground#F2ECE3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2C241C
  • titleBar.inactiveForeground#F2ECE360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D6D1C6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A5EC79bold
storage.type, storage.modifier#A5EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A867
string, punctuation.definition.string, string.template, meta.template.expression#E7AF55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CE83
variable, variable.other.readwrite, variable.other.object#F2ECE3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F2ECE3
variable.parameter, meta.parameter#F2ECE3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F2ECE380
keyword.operator#F2ECE3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AF55bold
entity.other.inherited-class#E9A867
entity.name.tag, punctuation.definition.tag#A5EC79
entity.other.attribute-name#E9A867
meta.diff, meta.diff.header#D6D1C6
markup.deleted#F1CE83
markup.inserted#E9A867
markup.changed#E7AF55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A867bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AF55
string.other.link.title, string.other.link.description#E9A867
markup.underline.link#D6D1C6underline
punctuation.definition.list#A5EC79
markup.quote, punctuation.definition.quote#D6D1C6italic