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#1E1B21
  • activityBar.border#ffffff15
  • activityBar.foreground#5B3A8C
  • activityBar.inactiveForeground#FAFAF860
  • activityBarBadge.background#5B3A8C
  • activityBarBadge.foreground#1E1B21
  • button.background#5B3A8C
  • button.foreground#1E1B21
  • button.hoverBackground#5B3A8Cdd
  • editor.background#1E1B21
  • editor.foreground#FAFAF8
  • editor.inactiveSelectionBackground#B24A7E3580
  • editor.lineHighlightBackground#23251F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B24A7E35
  • editorCursor.foreground#5B3A8C
  • editorGroupHeader.tabsBackground#1E1B21dd
  • editorLineNumber.activeForeground#5B3A8C
  • editorLineNumber.foreground#E6F0E780
  • focusBorder#5B3A8C
  • foreground#FAFAF8
  • input.background#23251F
  • input.border#ffffff15
  • input.foreground#FAFAF8
  • input.placeholderForeground#FAFAF860
  • list.activeSelectionBackground#5B3A8C30
  • list.activeSelectionForeground#FAFAF8
  • list.highlightForeground#5B3A8C
  • list.hoverBackground#23251F40
  • list.hoverForeground#FAFAF8
  • list.inactiveSelectionBackground#5B3A8C15
  • list.inactiveSelectionForeground#FAFAF8
  • selection.background#B24A7E35
  • sideBar.background#23251F
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF8
  • sideBarSectionHeader.background#1E1B2180
  • sideBarSectionHeader.foreground#FAFAF8
  • sideBarTitle.foreground#5B3A8C
  • statusBar.background#1E1B21
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF8
  • statusBar.noFolderBackground#1E1B21
  • tab.activeBackground#1E1B21
  • tab.activeBorderTop#5B3A8C
  • tab.activeForeground#FAFAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#23251F60
  • tab.inactiveForeground#FAFAF880
  • terminal.ansiBlack#1E1B21
  • terminal.ansiBlue#B24A7E
  • terminal.ansiCyan#D56A8C
  • terminal.ansiGreen#5B3A8C
  • terminal.ansiMagenta#F3C63A
  • terminal.ansiRed#F3C63A
  • terminal.ansiWhite#FAFAF8
  • terminal.ansiYellow#D56A8C
  • terminal.background#1E1B21
  • terminal.foreground#FAFAF8
  • titleBar.activeBackground#1E1B21
  • titleBar.activeForeground#FAFAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1E1B21
  • 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#B24A7Ebold
storage.type, storage.modifier#B24A7Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5B3A8C
string, punctuation.definition.string, string.template, meta.template.expression#D56A8C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F3C63A
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#D56A8Cbold
entity.other.inherited-class#5B3A8C
entity.name.tag, punctuation.definition.tag#B24A7E
entity.other.attribute-name#5B3A8C
meta.diff, meta.diff.header#E6F0E7
markup.deleted#F3C63A
markup.inserted#5B3A8C
markup.changed#D56A8C
markup.heading, markup.heading.setext, punctuation.definition.heading#5B3A8Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D56A8C
string.other.link.title, string.other.link.description#5B3A8C
markup.underline.link#E6F0E7underline
punctuation.definition.list#B24A7E
markup.quote, punctuation.definition.quote#E6F0E7italic