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#FFFAFB
  • activityBar.border#00000015
  • activityBar.foreground#93254B
  • activityBar.inactiveForeground#2A1F1B60
  • activityBarBadge.background#93254B
  • activityBarBadge.foreground#FFFAFB
  • button.background#93254B
  • button.foreground#FFFAFB
  • button.hoverBackground#93254Bdd
  • editor.background#FFFAFB
  • editor.foreground#2A1F1B
  • editor.inactiveSelectionBackground#8341212580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83412125
  • editorCursor.foreground#93254B
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#93254B
  • editorLineNumber.foreground#EBF3FF80
  • focusBorder#93254B
  • foreground#2A1F1B
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#2A1F1B
  • input.placeholderForeground#2A1F1B60
  • list.activeSelectionBackground#93254B30
  • list.activeSelectionForeground#2A1F1B
  • list.highlightForeground#93254B
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#2A1F1B
  • list.inactiveSelectionBackground#93254B15
  • list.inactiveSelectionForeground#2A1F1B
  • selection.background#83412125
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#2A1F1B
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#2A1F1B
  • sideBarTitle.foreground#93254B
  • statusBar.background#FFFAFB
  • statusBar.border#00000015
  • statusBar.foreground#2A1F1B
  • statusBar.noFolderBackground#FFFAFB
  • tab.activeBackground#FFFAFB
  • tab.activeBorderTop#93254B
  • tab.activeForeground#2A1F1B
  • tab.border#00000015
  • tab.inactiveBackground#FFFAFB60
  • tab.inactiveForeground#2A1F1B80
  • terminal.ansiBlack#2A1F1B
  • terminal.ansiBlue#834121
  • terminal.ansiCyan#A32956
  • terminal.ansiGreen#93254B
  • terminal.ansiMagenta#387619
  • terminal.ansiRed#387619
  • terminal.ansiWhite#2A1F1B
  • terminal.ansiYellow#A32956
  • terminal.background#FFFAFB
  • terminal.foreground#2A1F1B
  • titleBar.activeBackground#FFFAFB
  • titleBar.activeForeground#2A1F1B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFAFB
  • titleBar.inactiveForeground#2A1F1B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EBF3FFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834121bold
storage.type, storage.modifier#834121italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93254B
string, punctuation.definition.string, string.template, meta.template.expression#A32956
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#387619
variable, variable.other.readwrite, variable.other.object#2A1F1B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2A1F1B
variable.parameter, meta.parameter#2A1F1Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2A1F1B80
keyword.operator#2A1F1B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32956bold
entity.other.inherited-class#93254B
entity.name.tag, punctuation.definition.tag#834121
entity.other.attribute-name#93254B
meta.diff, meta.diff.header#EBF3FF
markup.deleted#387619
markup.inserted#93254B
markup.changed#A32956
markup.heading, markup.heading.setext, punctuation.definition.heading#93254Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32956
string.other.link.title, string.other.link.description#93254B
markup.underline.link#EBF3FFunderline
punctuation.definition.list#834121
markup.quote, punctuation.definition.quote#EBF3FFitalic
Morphous Theme by Ameyanagi - VS Code Theme