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#F7F7F3
  • activityBar.border#00000015
  • activityBar.foreground#8A3E9B
  • activityBar.inactiveForeground#2A153160
  • activityBarBadge.background#8A3E9B
  • activityBarBadge.foreground#F7F7F3
  • button.background#8A3E9B
  • button.foreground#F7F7F3
  • button.hoverBackground#8A3E9Bdd
  • editor.background#F7F7F3
  • editor.foreground#2A1531
  • editor.inactiveSelectionBackground#B8C4B52580
  • editor.lineHighlightBackground#E8E1C950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B8C4B525
  • editorCursor.foreground#8A3E9B
  • editorGroupHeader.tabsBackground#E8E1C9aa
  • editorLineNumber.activeForeground#8A3E9B
  • editorLineNumber.foreground#B66DD180
  • focusBorder#8A3E9B
  • foreground#2A1531
  • input.background#E8E1C9
  • input.border#00000015
  • input.foreground#2A1531
  • input.placeholderForeground#2A153160
  • list.activeSelectionBackground#8A3E9B30
  • list.activeSelectionForeground#2A1531
  • list.highlightForeground#8A3E9B
  • list.hoverBackground#E8E1C940
  • list.hoverForeground#2A1531
  • list.inactiveSelectionBackground#8A3E9B15
  • list.inactiveSelectionForeground#2A1531
  • selection.background#B8C4B525
  • sideBar.background#E8E1C9
  • sideBar.border#00000015
  • sideBar.foreground#2A1531
  • sideBarSectionHeader.background#E8E1C980
  • sideBarSectionHeader.foreground#2A1531
  • sideBarTitle.foreground#8A3E9B
  • statusBar.background#F7F7F3
  • statusBar.border#00000015
  • statusBar.foreground#2A1531
  • statusBar.noFolderBackground#F7F7F3
  • tab.activeBackground#F7F7F3
  • tab.activeBorderTop#8A3E9B
  • tab.activeForeground#2A1531
  • tab.border#00000015
  • tab.inactiveBackground#F7F7F360
  • tab.inactiveForeground#2A153180
  • terminal.ansiBlack#2A1531
  • terminal.ansiBlue#B8C4B5
  • terminal.ansiCyan#B66DD1
  • terminal.ansiGreen#8A3E9B
  • terminal.ansiMagenta#6F7F69
  • terminal.ansiRed#6F7F69
  • terminal.ansiWhite#2A1531
  • terminal.ansiYellow#B66DD1
  • terminal.background#F7F7F3
  • terminal.foreground#2A1531
  • titleBar.activeBackground#F7F7F3
  • titleBar.activeForeground#2A1531
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F7F3
  • titleBar.inactiveForeground#2A153160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B66DD1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B8C4B5bold
storage.type, storage.modifier#B8C4B5italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8A3E9B
string, punctuation.definition.string, string.template, meta.template.expression#B66DD1
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6F7F69
variable, variable.other.readwrite, variable.other.object#2A1531
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2A1531
variable.parameter, meta.parameter#2A1531dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2A153180
keyword.operator#2A1531
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B66DD1bold
entity.other.inherited-class#8A3E9B
entity.name.tag, punctuation.definition.tag#B8C4B5
entity.other.attribute-name#8A3E9B
meta.diff, meta.diff.header#B66DD1
markup.deleted#6F7F69
markup.inserted#8A3E9B
markup.changed#B66DD1
markup.heading, markup.heading.setext, punctuation.definition.heading#8A3E9Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B66DD1
string.other.link.title, string.other.link.description#8A3E9B
markup.underline.link#B66DD1underline
punctuation.definition.list#B8C4B5
markup.quote, punctuation.definition.quote#B66DD1italic
Morphous Theme by Ameyanagi - VS Code Theme