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#6C4E33
  • activityBar.border#ffffff15
  • activityBar.foreground#A867E9
  • activityBar.inactiveForeground#F8F5FF60
  • activityBarBadge.background#A867E9
  • activityBarBadge.foreground#6C4E33
  • button.background#A867E9
  • button.foreground#6C4E33
  • button.hoverBackground#A867E9dd
  • editor.background#6C4E33
  • editor.foreground#F8F5FF
  • editor.inactiveSelectionBackground#BEEC793580
  • editor.lineHighlightBackground#19141F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BEEC7935
  • editorCursor.foreground#A867E9
  • editorGroupHeader.tabsBackground#6C4E33dd
  • editorLineNumber.activeForeground#A867E9
  • editorLineNumber.foreground#B49AA780
  • focusBorder#A867E9
  • foreground#F8F5FF
  • input.background#19141F
  • input.border#ffffff15
  • input.foreground#F8F5FF
  • input.placeholderForeground#F8F5FF60
  • list.activeSelectionBackground#A867E930
  • list.activeSelectionForeground#F8F5FF
  • list.highlightForeground#A867E9
  • list.hoverBackground#19141F40
  • list.hoverForeground#F8F5FF
  • list.inactiveSelectionBackground#A867E915
  • list.inactiveSelectionForeground#F8F5FF
  • selection.background#BEEC7935
  • sideBar.background#19141F
  • sideBar.border#ffffff15
  • sideBar.foreground#F8F5FF
  • sideBarSectionHeader.background#6C4E3380
  • sideBarSectionHeader.foreground#F8F5FF
  • sideBarTitle.foreground#A867E9
  • statusBar.background#6C4E33
  • statusBar.border#ffffff15
  • statusBar.foreground#F8F5FF
  • statusBar.noFolderBackground#6C4E33
  • tab.activeBackground#6C4E33
  • tab.activeBorderTop#A867E9
  • tab.activeForeground#F8F5FF
  • tab.border#ffffff15
  • tab.inactiveBackground#19141F60
  • tab.inactiveForeground#F8F5FF80
  • terminal.ansiBlack#6C4E33
  • terminal.ansiBlue#BEEC79
  • terminal.ansiCyan#9E55E7
  • terminal.ansiGreen#A867E9
  • terminal.ansiMagenta#F1D283
  • terminal.ansiRed#F1D283
  • terminal.ansiWhite#F8F5FF
  • terminal.ansiYellow#9E55E7
  • terminal.background#6C4E33
  • terminal.foreground#F8F5FF
  • titleBar.activeBackground#6C4E33
  • titleBar.activeForeground#F8F5FF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6C4E33
  • titleBar.inactiveForeground#F8F5FF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B49AA7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BEEC79bold
storage.type, storage.modifier#BEEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A867E9
string, punctuation.definition.string, string.template, meta.template.expression#9E55E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D283
variable, variable.other.readwrite, variable.other.object#F8F5FF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F8F5FF
variable.parameter, meta.parameter#F8F5FFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F8F5FF80
keyword.operator#F8F5FF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#9E55E7bold
entity.other.inherited-class#A867E9
entity.name.tag, punctuation.definition.tag#BEEC79
entity.other.attribute-name#A867E9
meta.diff, meta.diff.header#B49AA7
markup.deleted#F1D283
markup.inserted#A867E9
markup.changed#9E55E7
markup.heading, markup.heading.setext, punctuation.definition.heading#A867E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#9E55E7
string.other.link.title, string.other.link.description#A867E9
markup.underline.link#B49AA7underline
punctuation.definition.list#BEEC79
markup.quote, punctuation.definition.quote#B49AA7italic