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#402212
  • activityBar.border#ffffff15
  • activityBar.foreground#E98A67
  • activityBar.inactiveForeground#F7F1E860
  • activityBarBadge.background#E98A67
  • activityBarBadge.foreground#402212
  • button.background#E98A67
  • button.foreground#402212
  • button.hoverBackground#E98A67dd
  • editor.background#402212
  • editor.foreground#F7F1E8
  • editor.inactiveSelectionBackground#ECB1793580
  • editor.lineHighlightBackground#120F0D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB17935
  • editorCursor.foreground#E98A67
  • editorGroupHeader.tabsBackground#402212dd
  • editorLineNumber.activeForeground#E98A67
  • editorLineNumber.foreground#8A766680
  • focusBorder#E98A67
  • foreground#F7F1E8
  • input.background#120F0D
  • input.border#ffffff15
  • input.foreground#F7F1E8
  • input.placeholderForeground#F7F1E860
  • list.activeSelectionBackground#E98A6730
  • list.activeSelectionForeground#F7F1E8
  • list.highlightForeground#E98A67
  • list.hoverBackground#120F0D40
  • list.hoverForeground#F7F1E8
  • list.inactiveSelectionBackground#E98A6715
  • list.inactiveSelectionForeground#F7F1E8
  • selection.background#ECB17935
  • sideBar.background#120F0D
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F1E8
  • sideBarSectionHeader.background#40221280
  • sideBarSectionHeader.foreground#F7F1E8
  • sideBarTitle.foreground#E98A67
  • statusBar.background#402212
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F1E8
  • statusBar.noFolderBackground#402212
  • tab.activeBackground#402212
  • tab.activeBorderTop#E98A67
  • tab.activeForeground#F7F1E8
  • tab.border#ffffff15
  • tab.inactiveBackground#120F0D60
  • tab.inactiveForeground#F7F1E880
  • terminal.ansiBlack#402212
  • terminal.ansiBlue#ECB179
  • terminal.ansiCyan#E79E55
  • terminal.ansiGreen#E98A67
  • terminal.ansiMagenta#F1AF83
  • terminal.ansiRed#F1AF83
  • terminal.ansiWhite#F7F1E8
  • terminal.ansiYellow#E79E55
  • terminal.background#402212
  • terminal.foreground#F7F1E8
  • titleBar.activeBackground#402212
  • titleBar.activeForeground#F7F1E8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#402212
  • titleBar.inactiveForeground#F7F1E860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8A7666italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB179bold
storage.type, storage.modifier#ECB179italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98A67
string, punctuation.definition.string, string.template, meta.template.expression#E79E55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1AF83
variable, variable.other.readwrite, variable.other.object#F7F1E8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F1E8
variable.parameter, meta.parameter#F7F1E8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F1E880
keyword.operator#F7F1E8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79E55bold
entity.other.inherited-class#E98A67
entity.name.tag, punctuation.definition.tag#ECB179
entity.other.attribute-name#E98A67
meta.diff, meta.diff.header#8A7666
markup.deleted#F1AF83
markup.inserted#E98A67
markup.changed#E79E55
markup.heading, markup.heading.setext, punctuation.definition.heading#E98A67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79E55
string.other.link.title, string.other.link.description#E98A67
markup.underline.link#8A7666underline
punctuation.definition.list#ECB179
markup.quote, punctuation.definition.quote#8A7666italic