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#FFFCFA
  • activityBar.border#00000015
  • activityBar.foreground#932528
  • activityBar.inactiveForeground#14111260
  • activityBarBadge.background#932528
  • activityBarBadge.foreground#FFFCFA
  • button.background#932528
  • button.foreground#FFFCFA
  • button.hoverBackground#932528dd
  • editor.background#FFFCFA
  • editor.foreground#141112
  • editor.inactiveSelectionBackground#8321262580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83212625
  • editorCursor.foreground#932528
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#932528
  • editorLineNumber.foreground#ead9d180
  • focusBorder#932528
  • foreground#141112
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#141112
  • input.placeholderForeground#14111260
  • list.activeSelectionBackground#93252830
  • list.activeSelectionForeground#141112
  • list.highlightForeground#932528
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#141112
  • list.inactiveSelectionBackground#93252815
  • list.inactiveSelectionForeground#141112
  • selection.background#83212625
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#141112
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#141112
  • sideBarTitle.foreground#932528
  • statusBar.background#FFFCFA
  • statusBar.border#00000015
  • statusBar.foreground#141112
  • statusBar.noFolderBackground#FFFCFA
  • tab.activeBackground#FFFCFA
  • tab.activeBorderTop#932528
  • tab.activeForeground#141112
  • tab.border#00000015
  • tab.inactiveBackground#FFFCFA60
  • tab.inactiveForeground#14111280
  • terminal.ansiBlack#141112
  • terminal.ansiBlue#832126
  • terminal.ansiCyan#A34B29
  • terminal.ansiGreen#932528
  • terminal.ansiMagenta#19763B
  • terminal.ansiRed#19763B
  • terminal.ansiWhite#141112
  • terminal.ansiYellow#A34B29
  • terminal.background#FFFCFA
  • terminal.foreground#141112
  • titleBar.activeBackground#FFFCFA
  • titleBar.activeForeground#141112
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFCFA
  • titleBar.inactiveForeground#14111260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ead9d1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832126bold
storage.type, storage.modifier#832126italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932528
string, punctuation.definition.string, string.template, meta.template.expression#A34B29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19763B
variable, variable.other.readwrite, variable.other.object#141112
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#141112
variable.parameter, meta.parameter#141112dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#14111280
keyword.operator#141112
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A34B29bold
entity.other.inherited-class#932528
entity.name.tag, punctuation.definition.tag#832126
entity.other.attribute-name#932528
meta.diff, meta.diff.header#ead9d1
markup.deleted#19763B
markup.inserted#932528
markup.changed#A34B29
markup.heading, markup.heading.setext, punctuation.definition.heading#932528bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A34B29
string.other.link.title, string.other.link.description#932528
markup.underline.link#ead9d1underline
punctuation.definition.list#832126
markup.quote, punctuation.definition.quote#ead9d1italic