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#FFFCF5
  • activityBar.border#00000015
  • activityBar.foreground#936C25
  • activityBar.inactiveForeground#24221c60
  • activityBarBadge.background#936C25
  • activityBarBadge.foreground#FFFCF5
  • button.background#936C25
  • button.foreground#FFFCF5
  • button.hoverBackground#936C25dd
  • editor.background#FFFCF5
  • editor.foreground#24221c
  • editor.inactiveSelectionBackground#216A832580
  • editor.lineHighlightBackground#ECE2CB50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#216A8325
  • editorCursor.foreground#936C25
  • editorGroupHeader.tabsBackground#ECE2CBaa
  • editorLineNumber.activeForeground#936C25
  • editorLineNumber.foreground#9aa0a280
  • focusBorder#936C25
  • foreground#24221c
  • input.background#ECE2CB
  • input.border#00000015
  • input.foreground#24221c
  • input.placeholderForeground#24221c60
  • list.activeSelectionBackground#936C2530
  • list.activeSelectionForeground#24221c
  • list.highlightForeground#936C25
  • list.hoverBackground#ECE2CB40
  • list.hoverForeground#24221c
  • list.inactiveSelectionBackground#936C2515
  • list.inactiveSelectionForeground#24221c
  • selection.background#216A8325
  • sideBar.background#ECE2CB
  • sideBar.border#00000015
  • sideBar.foreground#24221c
  • sideBarSectionHeader.background#ECE2CB80
  • sideBarSectionHeader.foreground#24221c
  • sideBarTitle.foreground#936C25
  • statusBar.background#FFFCF5
  • statusBar.border#00000015
  • statusBar.foreground#24221c
  • statusBar.noFolderBackground#FFFCF5
  • tab.activeBackground#FFFCF5
  • tab.activeBorderTop#936C25
  • tab.activeForeground#24221c
  • tab.border#00000015
  • tab.inactiveBackground#FFFCF560
  • tab.inactiveForeground#24221c80
  • terminal.ansiBlack#24221c
  • terminal.ansiBlue#216A83
  • terminal.ansiCyan#A37029
  • terminal.ansiGreen#936C25
  • terminal.ansiMagenta#197654
  • terminal.ansiRed#197654
  • terminal.ansiWhite#24221c
  • terminal.ansiYellow#A37029
  • terminal.background#FFFCF5
  • terminal.foreground#24221c
  • titleBar.activeBackground#FFFCF5
  • titleBar.activeForeground#24221c
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFCF5
  • titleBar.inactiveForeground#24221c60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9aa0a2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#216A83bold
storage.type, storage.modifier#216A83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936C25
string, punctuation.definition.string, string.template, meta.template.expression#A37029
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197654
variable, variable.other.readwrite, variable.other.object#24221c
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#24221c
variable.parameter, meta.parameter#24221cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24221c80
keyword.operator#24221c
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37029bold
entity.other.inherited-class#936C25
entity.name.tag, punctuation.definition.tag#216A83
entity.other.attribute-name#936C25
meta.diff, meta.diff.header#9aa0a2
markup.deleted#197654
markup.inserted#936C25
markup.changed#A37029
markup.heading, markup.heading.setext, punctuation.definition.heading#936C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37029
string.other.link.title, string.other.link.description#936C25
markup.underline.link#9aa0a2underline
punctuation.definition.list#216A83
markup.quote, punctuation.definition.quote#9aa0a2italic