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#FDFCFC
  • activityBar.border#00000015
  • activityBar.foreground#932540
  • activityBar.inactiveForeground#21070c60
  • activityBarBadge.background#932540
  • activityBarBadge.foreground#FDFCFC
  • button.background#932540
  • button.foreground#FDFCFC
  • button.hoverBackground#932540dd
  • editor.background#FDFCFC
  • editor.foreground#21070c
  • editor.inactiveSelectionBackground#8321332580
  • editor.lineHighlightBackground#EDEAE950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83213325
  • editorCursor.foreground#932540
  • editorGroupHeader.tabsBackground#EDEAE9aa
  • editorLineNumber.activeForeground#932540
  • editorLineNumber.foreground#68646a80
  • focusBorder#932540
  • foreground#21070c
  • input.background#EDEAE9
  • input.border#00000015
  • input.foreground#21070c
  • input.placeholderForeground#21070c60
  • list.activeSelectionBackground#93254030
  • list.activeSelectionForeground#21070c
  • list.highlightForeground#932540
  • list.hoverBackground#EDEAE940
  • list.hoverForeground#21070c
  • list.inactiveSelectionBackground#93254015
  • list.inactiveSelectionForeground#21070c
  • selection.background#83213325
  • sideBar.background#EDEAE9
  • sideBar.border#00000015
  • sideBar.foreground#21070c
  • sideBarSectionHeader.background#EDEAE980
  • sideBarSectionHeader.foreground#21070c
  • sideBarTitle.foreground#932540
  • statusBar.background#FDFCFC
  • statusBar.border#00000015
  • statusBar.foreground#21070c
  • statusBar.noFolderBackground#FDFCFC
  • tab.activeBackground#FDFCFC
  • tab.activeBorderTop#932540
  • tab.activeForeground#21070c
  • tab.border#00000015
  • tab.inactiveBackground#FDFCFC60
  • tab.inactiveForeground#21070c80
  • terminal.ansiBlack#21070c
  • terminal.ansiBlue#832133
  • terminal.ansiCyan#A32947
  • terminal.ansiGreen#932540
  • terminal.ansiMagenta#76192C
  • terminal.ansiRed#76192C
  • terminal.ansiWhite#21070c
  • terminal.ansiYellow#A32947
  • terminal.background#FDFCFC
  • terminal.foreground#21070c
  • titleBar.activeBackground#FDFCFC
  • titleBar.activeForeground#21070c
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFCFC
  • titleBar.inactiveForeground#21070c60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#68646aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832133bold
storage.type, storage.modifier#832133italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932540
string, punctuation.definition.string, string.template, meta.template.expression#A32947
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#76192C
variable, variable.other.readwrite, variable.other.object#21070c
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#21070c
variable.parameter, meta.parameter#21070cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#21070c80
keyword.operator#21070c
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32947bold
entity.other.inherited-class#932540
entity.name.tag, punctuation.definition.tag#832133
entity.other.attribute-name#932540
meta.diff, meta.diff.header#68646a
markup.deleted#76192C
markup.inserted#932540
markup.changed#A32947
markup.heading, markup.heading.setext, punctuation.definition.heading#932540bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32947
string.other.link.title, string.other.link.description#932540
markup.underline.link#68646aunderline
punctuation.definition.list#832133
markup.quote, punctuation.definition.quote#68646aitalic