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#932535
  • activityBar.inactiveForeground#1A1A1F60
  • activityBarBadge.background#932535
  • activityBarBadge.foreground#FFFCFA
  • button.background#932535
  • button.foreground#FFFCFA
  • button.hoverBackground#932535dd
  • editor.background#FFFCFA
  • editor.foreground#1A1A1F
  • editor.inactiveSelectionBackground#8339212580
  • editor.lineHighlightBackground#FFDEC250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83392125
  • editorCursor.foreground#932535
  • editorGroupHeader.tabsBackground#FFDEC2aa
  • editorLineNumber.activeForeground#932535
  • editorLineNumber.foreground#6f944e80
  • focusBorder#932535
  • foreground#1A1A1F
  • input.background#FFDEC2
  • input.border#00000015
  • input.foreground#1A1A1F
  • input.placeholderForeground#1A1A1F60
  • list.activeSelectionBackground#93253530
  • list.activeSelectionForeground#1A1A1F
  • list.highlightForeground#932535
  • list.hoverBackground#FFDEC240
  • list.hoverForeground#1A1A1F
  • list.inactiveSelectionBackground#93253515
  • list.inactiveSelectionForeground#1A1A1F
  • selection.background#83392125
  • sideBar.background#FFDEC2
  • sideBar.border#00000015
  • sideBar.foreground#1A1A1F
  • sideBarSectionHeader.background#FFDEC280
  • sideBarSectionHeader.foreground#1A1A1F
  • sideBarTitle.foreground#932535
  • statusBar.background#FFFCFA
  • statusBar.border#00000015
  • statusBar.foreground#1A1A1F
  • statusBar.noFolderBackground#FFFCFA
  • tab.activeBackground#FFFCFA
  • tab.activeBorderTop#932535
  • tab.activeForeground#1A1A1F
  • tab.border#00000015
  • tab.inactiveBackground#FFFCFA60
  • tab.inactiveForeground#1A1A1F80
  • terminal.ansiBlack#1A1A1F
  • terminal.ansiBlue#833921
  • terminal.ansiCyan#A38129
  • terminal.ansiGreen#932535
  • terminal.ansiMagenta#197639
  • terminal.ansiRed#197639
  • terminal.ansiWhite#1A1A1F
  • terminal.ansiYellow#A38129
  • terminal.background#FFFCFA
  • terminal.foreground#1A1A1F
  • titleBar.activeBackground#FFFCFA
  • titleBar.activeForeground#1A1A1F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFCFA
  • titleBar.inactiveForeground#1A1A1F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6f944eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#833921bold
storage.type, storage.modifier#833921italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932535
string, punctuation.definition.string, string.template, meta.template.expression#A38129
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197639
variable, variable.other.readwrite, variable.other.object#1A1A1F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1A1A1F
variable.parameter, meta.parameter#1A1A1Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1A1A1F80
keyword.operator#1A1A1F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38129bold
entity.other.inherited-class#932535
entity.name.tag, punctuation.definition.tag#833921
entity.other.attribute-name#932535
meta.diff, meta.diff.header#6f944e
markup.deleted#197639
markup.inserted#932535
markup.changed#A38129
markup.heading, markup.heading.setext, punctuation.definition.heading#932535bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38129
string.other.link.title, string.other.link.description#932535
markup.underline.link#6f944eunderline
punctuation.definition.list#833921
markup.quote, punctuation.definition.quote#6f944eitalic