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#FFFBFA
  • activityBar.border#00000015
  • activityBar.foreground#93253D
  • activityBar.inactiveForeground#21242760
  • activityBarBadge.background#93253D
  • activityBarBadge.foreground#FFFBFA
  • button.background#93253D
  • button.foreground#FFFBFA
  • button.hoverBackground#93253Ddd
  • editor.background#FFFBFA
  • editor.foreground#212427
  • editor.inactiveSelectionBackground#8321342580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83213425
  • editorCursor.foreground#93253D
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#93253D
  • editorLineNumber.foreground#F3F3F680
  • focusBorder#93253D
  • foreground#212427
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#212427
  • input.placeholderForeground#21242760
  • list.activeSelectionBackground#93253D30
  • list.activeSelectionForeground#212427
  • list.highlightForeground#93253D
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#212427
  • list.inactiveSelectionBackground#93253D15
  • list.inactiveSelectionForeground#212427
  • selection.background#83213425
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#212427
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#212427
  • sideBarTitle.foreground#93253D
  • statusBar.background#FFFBFA
  • statusBar.border#00000015
  • statusBar.foreground#212427
  • statusBar.noFolderBackground#FFFBFA
  • tab.activeBackground#FFFBFA
  • tab.activeBorderTop#93253D
  • tab.activeForeground#212427
  • tab.border#00000015
  • tab.inactiveBackground#FFFBFA60
  • tab.inactiveForeground#21242780
  • terminal.ansiBlack#212427
  • terminal.ansiBlue#832134
  • terminal.ansiCyan#A32949
  • terminal.ansiGreen#93253D
  • terminal.ansiMagenta#19764C
  • terminal.ansiRed#19764C
  • terminal.ansiWhite#212427
  • terminal.ansiYellow#A32949
  • terminal.background#FFFBFA
  • terminal.foreground#212427
  • titleBar.activeBackground#FFFBFA
  • titleBar.activeForeground#212427
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFBFA
  • titleBar.inactiveForeground#21242760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F3F3F6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832134bold
storage.type, storage.modifier#832134italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93253D
string, punctuation.definition.string, string.template, meta.template.expression#A32949
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19764C
variable, variable.other.readwrite, variable.other.object#212427
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#212427
variable.parameter, meta.parameter#212427dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#21242780
keyword.operator#212427
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32949bold
entity.other.inherited-class#93253D
entity.name.tag, punctuation.definition.tag#832134
entity.other.attribute-name#93253D
meta.diff, meta.diff.header#F3F3F6
markup.deleted#19764C
markup.inserted#93253D
markup.changed#A32949
markup.heading, markup.heading.setext, punctuation.definition.heading#93253Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32949
string.other.link.title, string.other.link.description#93253D
markup.underline.link#F3F3F6underline
punctuation.definition.list#832134
markup.quote, punctuation.definition.quote#F3F3F6italic