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#2C1811
  • activityBar.border#ffffff15
  • activityBar.foreground#E97667
  • activityBar.inactiveForeground#fbf0df60
  • activityBarBadge.background#E97667
  • activityBarBadge.foreground#2C1811
  • button.background#E97667
  • button.foreground#2C1811
  • button.hoverBackground#E97667dd
  • editor.background#2C1811
  • editor.foreground#fbf0df
  • editor.inactiveSelectionBackground#ECB8793580
  • editor.lineHighlightBackground#3D261A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB87935
  • editorCursor.foreground#E97667
  • editorGroupHeader.tabsBackground#2C1811dd
  • editorLineNumber.activeForeground#E97667
  • editorLineNumber.foreground#b8946880
  • focusBorder#E97667
  • foreground#fbf0df
  • input.background#3D261A
  • input.border#ffffff15
  • input.foreground#fbf0df
  • input.placeholderForeground#fbf0df60
  • list.activeSelectionBackground#E9766730
  • list.activeSelectionForeground#fbf0df
  • list.highlightForeground#E97667
  • list.hoverBackground#3D261A40
  • list.hoverForeground#fbf0df
  • list.inactiveSelectionBackground#E9766715
  • list.inactiveSelectionForeground#fbf0df
  • selection.background#ECB87935
  • sideBar.background#3D261A
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf0df
  • sideBarSectionHeader.background#2C181180
  • sideBarSectionHeader.foreground#fbf0df
  • sideBarTitle.foreground#E97667
  • statusBar.background#2C1811
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf0df
  • statusBar.noFolderBackground#2C1811
  • tab.activeBackground#2C1811
  • tab.activeBorderTop#E97667
  • tab.activeForeground#fbf0df
  • tab.border#ffffff15
  • tab.inactiveBackground#3D261A60
  • tab.inactiveForeground#fbf0df80
  • terminal.ansiBlack#2C1811
  • terminal.ansiBlue#ECB879
  • terminal.ansiCyan#55E77F
  • terminal.ansiGreen#E97667
  • terminal.ansiMagenta#F1C583
  • terminal.ansiRed#F1C583
  • terminal.ansiWhite#fbf0df
  • terminal.ansiYellow#55E77F
  • terminal.background#2C1811
  • terminal.foreground#fbf0df
  • titleBar.activeBackground#2C1811
  • titleBar.activeForeground#fbf0df
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2C1811
  • titleBar.inactiveForeground#fbf0df60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b89468italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB879bold
storage.type, storage.modifier#ECB879italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E97667
string, punctuation.definition.string, string.template, meta.template.expression#55E77F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C583
variable, variable.other.readwrite, variable.other.object#fbf0df
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf0df
variable.parameter, meta.parameter#fbf0dfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf0df80
keyword.operator#fbf0df
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E77Fbold
entity.other.inherited-class#E97667
entity.name.tag, punctuation.definition.tag#ECB879
entity.other.attribute-name#E97667
meta.diff, meta.diff.header#b89468
markup.deleted#F1C583
markup.inserted#E97667
markup.changed#55E77F
markup.heading, markup.heading.setext, punctuation.definition.heading#E97667bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E77F
string.other.link.title, string.other.link.description#E97667
markup.underline.link#b89468underline
punctuation.definition.list#ECB879
markup.quote, punctuation.definition.quote#b89468italic