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#FAFBFF
  • activityBar.border#00000015
  • activityBar.foreground#93255C
  • activityBar.inactiveForeground#0B0F1760
  • activityBarBadge.background#93255C
  • activityBarBadge.foreground#FAFBFF
  • button.background#93255C
  • button.foreground#FAFBFF
  • button.hoverBackground#93255Cdd
  • editor.background#FAFBFF
  • editor.foreground#0B0F17
  • editor.inactiveSelectionBackground#2152832580
  • editor.lineHighlightBackground#D8E9F850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21528325
  • editorCursor.foreground#93255C
  • editorGroupHeader.tabsBackground#D8E9F8aa
  • editorLineNumber.activeForeground#93255C
  • editorLineNumber.foreground#EDE5EE80
  • focusBorder#93255C
  • foreground#0B0F17
  • input.background#D8E9F8
  • input.border#00000015
  • input.foreground#0B0F17
  • input.placeholderForeground#0B0F1760
  • list.activeSelectionBackground#93255C30
  • list.activeSelectionForeground#0B0F17
  • list.highlightForeground#93255C
  • list.hoverBackground#D8E9F840
  • list.hoverForeground#0B0F17
  • list.inactiveSelectionBackground#93255C15
  • list.inactiveSelectionForeground#0B0F17
  • selection.background#21528325
  • sideBar.background#D8E9F8
  • sideBar.border#00000015
  • sideBar.foreground#0B0F17
  • sideBarSectionHeader.background#D8E9F880
  • sideBarSectionHeader.foreground#0B0F17
  • sideBarTitle.foreground#93255C
  • statusBar.background#FAFBFF
  • statusBar.border#00000015
  • statusBar.foreground#0B0F17
  • statusBar.noFolderBackground#FAFBFF
  • tab.activeBackground#FAFBFF
  • tab.activeBorderTop#93255C
  • tab.activeForeground#0B0F17
  • tab.border#00000015
  • tab.inactiveBackground#FAFBFF60
  • tab.inactiveForeground#0B0F1780
  • terminal.ansiBlack#0B0F17
  • terminal.ansiBlue#215283
  • terminal.ansiCyan#A32949
  • terminal.ansiGreen#93255C
  • terminal.ansiMagenta#193D76
  • terminal.ansiRed#193D76
  • terminal.ansiWhite#0B0F17
  • terminal.ansiYellow#A32949
  • terminal.background#FAFBFF
  • terminal.foreground#0B0F17
  • titleBar.activeBackground#FAFBFF
  • titleBar.activeForeground#0B0F17
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBFF
  • titleBar.inactiveForeground#0B0F1760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EDE5EEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#215283bold
storage.type, storage.modifier#215283italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93255C
string, punctuation.definition.string, string.template, meta.template.expression#A32949
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#193D76
variable, variable.other.readwrite, variable.other.object#0B0F17
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0B0F17
variable.parameter, meta.parameter#0B0F17dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0B0F1780
keyword.operator#0B0F17
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#93255C
entity.name.tag, punctuation.definition.tag#215283
entity.other.attribute-name#93255C
meta.diff, meta.diff.header#EDE5EE
markup.deleted#193D76
markup.inserted#93255C
markup.changed#A32949
markup.heading, markup.heading.setext, punctuation.definition.heading#93255Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32949
string.other.link.title, string.other.link.description#93255C
markup.underline.link#EDE5EEunderline
punctuation.definition.list#215283
markup.quote, punctuation.definition.quote#EDE5EEitalic
Morphous Theme by Ameyanagi - VS Code Theme