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#FFFDFA
  • activityBar.border#00000015
  • activityBar.foreground#932C25
  • activityBar.inactiveForeground#2B3A4260
  • activityBarBadge.background#932C25
  • activityBarBadge.foreground#FFFDFA
  • button.background#932C25
  • button.foreground#FFFDFA
  • button.hoverBackground#932C25dd
  • editor.background#FFFDFA
  • editor.foreground#2B3A42
  • editor.inactiveSelectionBackground#8321412580
  • editor.lineHighlightBackground#FBF7F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83214125
  • editorCursor.foreground#932C25
  • editorGroupHeader.tabsBackground#FBF7F4aa
  • editorLineNumber.activeForeground#932C25
  • editorLineNumber.foreground#F3E6D280
  • focusBorder#932C25
  • foreground#2B3A42
  • input.background#FBF7F4
  • input.border#00000015
  • input.foreground#2B3A42
  • input.placeholderForeground#2B3A4260
  • list.activeSelectionBackground#932C2530
  • list.activeSelectionForeground#2B3A42
  • list.highlightForeground#932C25
  • list.hoverBackground#FBF7F440
  • list.hoverForeground#2B3A42
  • list.inactiveSelectionBackground#932C2515
  • list.inactiveSelectionForeground#2B3A42
  • selection.background#83214125
  • sideBar.background#FBF7F4
  • sideBar.border#00000015
  • sideBar.foreground#2B3A42
  • sideBarSectionHeader.background#FBF7F480
  • sideBarSectionHeader.foreground#2B3A42
  • sideBarTitle.foreground#932C25
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#2B3A42
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#932C25
  • tab.activeForeground#2B3A42
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#2B3A4280
  • terminal.ansiBlack#2B3A42
  • terminal.ansiBlue#832141
  • terminal.ansiCyan#2999A3
  • terminal.ansiGreen#932C25
  • terminal.ansiMagenta#763E19
  • terminal.ansiRed#763E19
  • terminal.ansiWhite#2B3A42
  • terminal.ansiYellow#2999A3
  • terminal.background#FFFDFA
  • terminal.foreground#2B3A42
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#2B3A42
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#2B3A4260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F3E6D2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832141bold
storage.type, storage.modifier#832141italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932C25
string, punctuation.definition.string, string.template, meta.template.expression#2999A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763E19
variable, variable.other.readwrite, variable.other.object#2B3A42
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B3A42
variable.parameter, meta.parameter#2B3A42dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B3A4280
keyword.operator#2B3A42
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2999A3bold
entity.other.inherited-class#932C25
entity.name.tag, punctuation.definition.tag#832141
entity.other.attribute-name#932C25
meta.diff, meta.diff.header#F3E6D2
markup.deleted#763E19
markup.inserted#932C25
markup.changed#2999A3
markup.heading, markup.heading.setext, punctuation.definition.heading#932C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2999A3
string.other.link.title, string.other.link.description#932C25
markup.underline.link#F3E6D2underline
punctuation.definition.list#832141
markup.quote, punctuation.definition.quote#F3E6D2italic