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#2D1C15
  • activityBar.border#ffffff15
  • activityBar.foreground#E98E67
  • activityBar.inactiveForeground#f4e6ce60
  • activityBarBadge.background#E98E67
  • activityBarBadge.foreground#2D1C15
  • button.background#E98E67
  • button.foreground#2D1C15
  • button.hoverBackground#E98E67dd
  • editor.background#2D1C15
  • editor.foreground#f4e6ce
  • editor.inactiveSelectionBackground#EC8A793580
  • editor.lineHighlightBackground#15191840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC8A7935
  • editorCursor.foreground#E98E67
  • editorGroupHeader.tabsBackground#2D1C15dd
  • editorLineNumber.activeForeground#E98E67
  • editorLineNumber.foreground#6e715080
  • focusBorder#E98E67
  • foreground#f4e6ce
  • input.background#151918
  • input.border#ffffff15
  • input.foreground#f4e6ce
  • input.placeholderForeground#f4e6ce60
  • list.activeSelectionBackground#E98E6730
  • list.activeSelectionForeground#f4e6ce
  • list.highlightForeground#E98E67
  • list.hoverBackground#15191840
  • list.hoverForeground#f4e6ce
  • list.inactiveSelectionBackground#E98E6715
  • list.inactiveSelectionForeground#f4e6ce
  • selection.background#EC8A7935
  • sideBar.background#151918
  • sideBar.border#ffffff15
  • sideBar.foreground#f4e6ce
  • sideBarSectionHeader.background#2D1C1580
  • sideBarSectionHeader.foreground#f4e6ce
  • sideBarTitle.foreground#E98E67
  • statusBar.background#2D1C15
  • statusBar.border#ffffff15
  • statusBar.foreground#f4e6ce
  • statusBar.noFolderBackground#2D1C15
  • tab.activeBackground#2D1C15
  • tab.activeBorderTop#E98E67
  • tab.activeForeground#f4e6ce
  • tab.border#ffffff15
  • tab.inactiveBackground#15191860
  • tab.inactiveForeground#f4e6ce80
  • terminal.ansiBlack#2D1C15
  • terminal.ansiBlue#EC8A79
  • terminal.ansiCyan#E76E55
  • terminal.ansiGreen#E98E67
  • terminal.ansiMagenta#F1BC83
  • terminal.ansiRed#F1BC83
  • terminal.ansiWhite#f4e6ce
  • terminal.ansiYellow#E76E55
  • terminal.background#2D1C15
  • terminal.foreground#f4e6ce
  • titleBar.activeBackground#2D1C15
  • titleBar.activeForeground#f4e6ce
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2D1C15
  • titleBar.inactiveForeground#f4e6ce60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6e7150italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC8A79bold
storage.type, storage.modifier#EC8A79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98E67
string, punctuation.definition.string, string.template, meta.template.expression#E76E55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BC83
variable, variable.other.readwrite, variable.other.object#f4e6ce
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4e6ce
variable.parameter, meta.parameter#f4e6cedditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4e6ce80
keyword.operator#f4e6ce
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E76E55bold
entity.other.inherited-class#E98E67
entity.name.tag, punctuation.definition.tag#EC8A79
entity.other.attribute-name#E98E67
meta.diff, meta.diff.header#6e7150
markup.deleted#F1BC83
markup.inserted#E98E67
markup.changed#E76E55
markup.heading, markup.heading.setext, punctuation.definition.heading#E98E67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E76E55
string.other.link.title, string.other.link.description#E98E67
markup.underline.link#6e7150underline
punctuation.definition.list#EC8A79
markup.quote, punctuation.definition.quote#6e7150italic