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#f3e6d2
  • activityBar.border#00000015
  • activityBar.foreground#b75a35
  • activityBar.inactiveForeground#231c1860
  • activityBarBadge.background#b75a35
  • activityBarBadge.foreground#f3e6d2
  • button.background#b75a35
  • button.foreground#f3e6d2
  • button.hoverBackground#b75a35dd
  • editor.background#f3e6d2
  • editor.foreground#231c18
  • editor.inactiveSelectionBackground#8a9a692580
  • editor.lineHighlightBackground#dfc8a850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8a9a6925
  • editorCursor.foreground#b75a35
  • editorGroupHeader.tabsBackground#dfc8a8aa
  • editorLineNumber.activeForeground#b75a35
  • editorLineNumber.foreground#c0b88f80
  • focusBorder#b75a35
  • foreground#231c18
  • input.background#dfc8a8
  • input.border#00000015
  • input.foreground#231c18
  • input.placeholderForeground#231c1860
  • list.activeSelectionBackground#b75a3530
  • list.activeSelectionForeground#231c18
  • list.highlightForeground#b75a35
  • list.hoverBackground#dfc8a840
  • list.hoverForeground#231c18
  • list.inactiveSelectionBackground#b75a3515
  • list.inactiveSelectionForeground#231c18
  • selection.background#8a9a6925
  • sideBar.background#dfc8a8
  • sideBar.border#00000015
  • sideBar.foreground#231c18
  • sideBarSectionHeader.background#dfc8a880
  • sideBarSectionHeader.foreground#231c18
  • sideBarTitle.foreground#b75a35
  • statusBar.background#f3e6d2
  • statusBar.border#00000015
  • statusBar.foreground#231c18
  • statusBar.noFolderBackground#f3e6d2
  • tab.activeBackground#f3e6d2
  • tab.activeBorderTop#b75a35
  • tab.activeForeground#231c18
  • tab.border#00000015
  • tab.inactiveBackground#f3e6d260
  • tab.inactiveForeground#231c1880
  • terminal.ansiBlack#231c18
  • terminal.ansiBlue#8a9a69
  • terminal.ansiCyan#8ec4dc
  • terminal.ansiGreen#b75a35
  • terminal.ansiMagenta#d48352
  • terminal.ansiRed#d48352
  • terminal.ansiWhite#231c18
  • terminal.ansiYellow#8ec4dc
  • terminal.background#f3e6d2
  • terminal.foreground#231c18
  • titleBar.activeBackground#f3e6d2
  • titleBar.activeForeground#231c18
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f3e6d2
  • titleBar.inactiveForeground#231c1860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c0b88fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8a9a69bold
storage.type, storage.modifier#8a9a69italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b75a35
string, punctuation.definition.string, string.template, meta.template.expression#8ec4dc
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#d48352
variable, variable.other.readwrite, variable.other.object#231c18
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#231c18
variable.parameter, meta.parameter#231c18dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#231c1880
keyword.operator#231c18
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8ec4dcbold
entity.other.inherited-class#b75a35
entity.name.tag, punctuation.definition.tag#8a9a69
entity.other.attribute-name#b75a35
meta.diff, meta.diff.header#c0b88f
markup.deleted#d48352
markup.inserted#b75a35
markup.changed#8ec4dc
markup.heading, markup.heading.setext, punctuation.definition.heading#b75a35bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8ec4dc
string.other.link.title, string.other.link.description#b75a35
markup.underline.link#c0b88funderline
punctuation.definition.list#8a9a69
markup.quote, punctuation.definition.quote#c0b88fitalic