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#141216
  • activityBar.border#ffffff15
  • activityBar.foreground#9B67E9
  • activityBar.inactiveForeground#FAFAF860
  • activityBarBadge.background#9B67E9
  • activityBarBadge.foreground#141216
  • button.background#9B67E9
  • button.foreground#141216
  • button.hoverBackground#9B67E9dd
  • editor.background#141216
  • editor.foreground#FAFAF8
  • editor.inactiveSelectionBackground#EC79B33580
  • editor.lineHighlightBackground#18191540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC79B335
  • editorCursor.foreground#9B67E9
  • editorGroupHeader.tabsBackground#141216dd
  • editorLineNumber.activeForeground#9B67E9
  • editorLineNumber.foreground#E6F0E780
  • focusBorder#9B67E9
  • foreground#FAFAF8
  • input.background#181915
  • input.border#ffffff15
  • input.foreground#FAFAF8
  • input.placeholderForeground#FAFAF860
  • list.activeSelectionBackground#9B67E930
  • list.activeSelectionForeground#FAFAF8
  • list.highlightForeground#9B67E9
  • list.hoverBackground#18191540
  • list.hoverForeground#FAFAF8
  • list.inactiveSelectionBackground#9B67E915
  • list.inactiveSelectionForeground#FAFAF8
  • selection.background#EC79B335
  • sideBar.background#181915
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF8
  • sideBarSectionHeader.background#14121680
  • sideBarSectionHeader.foreground#FAFAF8
  • sideBarTitle.foreground#9B67E9
  • statusBar.background#141216
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF8
  • statusBar.noFolderBackground#141216
  • tab.activeBackground#141216
  • tab.activeBorderTop#9B67E9
  • tab.activeForeground#FAFAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#18191560
  • tab.inactiveForeground#FAFAF880
  • terminal.ansiBlack#141216
  • terminal.ansiBlue#EC79B3
  • terminal.ansiCyan#E75583
  • terminal.ansiGreen#9B67E9
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#FAFAF8
  • terminal.ansiYellow#E75583
  • terminal.background#141216
  • terminal.foreground#FAFAF8
  • titleBar.activeBackground#141216
  • titleBar.activeForeground#FAFAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#141216
  • titleBar.inactiveForeground#FAFAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6F0E7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC79B3bold
storage.type, storage.modifier#EC79B3italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9B67E9
string, punctuation.definition.string, string.template, meta.template.expression#E75583
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#FAFAF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAF8
variable.parameter, meta.parameter#FAFAF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAF880
keyword.operator#FAFAF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E75583bold
entity.other.inherited-class#9B67E9
entity.name.tag, punctuation.definition.tag#EC79B3
entity.other.attribute-name#9B67E9
meta.diff, meta.diff.header#E6F0E7
markup.deleted#F1D683
markup.inserted#9B67E9
markup.changed#E75583
markup.heading, markup.heading.setext, punctuation.definition.heading#9B67E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E75583
string.other.link.title, string.other.link.description#9B67E9
markup.underline.link#E6F0E7underline
punctuation.definition.list#EC79B3
markup.quote, punctuation.definition.quote#E6F0E7italic