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#4D291F
  • activityBar.border#ffffff15
  • activityBar.foreground#E98867
  • activityBar.inactiveForeground#fff3df60
  • activityBarBadge.background#E98867
  • activityBarBadge.foreground#4D291F
  • button.background#E98867
  • button.foreground#4D291F
  • button.hoverBackground#E98867dd
  • editor.background#4D291F
  • editor.foreground#fff3df
  • editor.inactiveSelectionBackground#ECB1793580
  • editor.lineHighlightBackground#1E0F0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB17935
  • editorCursor.foreground#E98867
  • editorGroupHeader.tabsBackground#4D291Fdd
  • editorLineNumber.activeForeground#E98867
  • editorLineNumber.foreground#8a655680
  • focusBorder#E98867
  • foreground#fff3df
  • input.background#1E0F0B
  • input.border#ffffff15
  • input.foreground#fff3df
  • input.placeholderForeground#fff3df60
  • list.activeSelectionBackground#E9886730
  • list.activeSelectionForeground#fff3df
  • list.highlightForeground#E98867
  • list.hoverBackground#1E0F0B40
  • list.hoverForeground#fff3df
  • list.inactiveSelectionBackground#E9886715
  • list.inactiveSelectionForeground#fff3df
  • selection.background#ECB17935
  • sideBar.background#1E0F0B
  • sideBar.border#ffffff15
  • sideBar.foreground#fff3df
  • sideBarSectionHeader.background#4D291F80
  • sideBarSectionHeader.foreground#fff3df
  • sideBarTitle.foreground#E98867
  • statusBar.background#4D291F
  • statusBar.border#ffffff15
  • statusBar.foreground#fff3df
  • statusBar.noFolderBackground#4D291F
  • tab.activeBackground#4D291F
  • tab.activeBorderTop#E98867
  • tab.activeForeground#fff3df
  • tab.border#ffffff15
  • tab.inactiveBackground#1E0F0B60
  • tab.inactiveForeground#fff3df80
  • terminal.ansiBlack#4D291F
  • terminal.ansiBlue#ECB179
  • terminal.ansiCyan#E7A355
  • terminal.ansiGreen#E98867
  • terminal.ansiMagenta#F1CB83
  • terminal.ansiRed#F1CB83
  • terminal.ansiWhite#fff3df
  • terminal.ansiYellow#E7A355
  • terminal.background#4D291F
  • terminal.foreground#fff3df
  • titleBar.activeBackground#4D291F
  • titleBar.activeForeground#fff3df
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4D291F
  • titleBar.inactiveForeground#fff3df60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a6556italic
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#E98867
string, punctuation.definition.string, string.template, meta.template.expression#E7A355
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CB83
variable, variable.other.readwrite, variable.other.object#fff3df
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff3df
variable.parameter, meta.parameter#fff3dfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff3df80
keyword.operator#fff3df
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7A355bold
entity.other.inherited-class#E98867
entity.name.tag, punctuation.definition.tag#ECB179
entity.other.attribute-name#E98867
meta.diff, meta.diff.header#8a6556
markup.deleted#F1CB83
markup.inserted#E98867
markup.changed#E7A355
markup.heading, markup.heading.setext, punctuation.definition.heading#E98867bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7A355
string.other.link.title, string.other.link.description#E98867
markup.underline.link#8a6556underline
punctuation.definition.list#ECB179
markup.quote, punctuation.definition.quote#8a6556italic