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#FAFAF8
  • activityBar.border#00000015
  • activityBar.foreground#F59E0B
  • activityBar.inactiveForeground#2A234060
  • activityBarBadge.background#F59E0B
  • activityBarBadge.foreground#FAFAF8
  • button.background#F59E0B
  • button.foreground#FAFAF8
  • button.hoverBackground#F59E0Bdd
  • editor.background#FAFAF8
  • editor.foreground#2A2340
  • editor.inactiveSelectionBackground#6B4ACD2580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6B4ACD25
  • editorCursor.foreground#F59E0B
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#F59E0B
  • editorLineNumber.foreground#E7E2EE80
  • focusBorder#F59E0B
  • foreground#2A2340
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#2A2340
  • input.placeholderForeground#2A234060
  • list.activeSelectionBackground#F59E0B30
  • list.activeSelectionForeground#2A2340
  • list.highlightForeground#F59E0B
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#2A2340
  • list.inactiveSelectionBackground#F59E0B15
  • list.inactiveSelectionForeground#2A2340
  • selection.background#6B4ACD25
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#2A2340
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#2A2340
  • sideBarTitle.foreground#F59E0B
  • statusBar.background#FAFAF8
  • statusBar.border#00000015
  • statusBar.foreground#2A2340
  • statusBar.noFolderBackground#FAFAF8
  • tab.activeBackground#FAFAF8
  • tab.activeBorderTop#F59E0B
  • tab.activeForeground#2A2340
  • tab.border#00000015
  • tab.inactiveBackground#FAFAF860
  • tab.inactiveForeground#2A234080
  • terminal.ansiBlack#2A2340
  • terminal.ansiBlue#6B4ACD
  • terminal.ansiCyan#6AAB4F
  • terminal.ansiGreen#F59E0B
  • terminal.ansiMagenta#B899E6
  • terminal.ansiRed#B899E6
  • terminal.ansiWhite#2A2340
  • terminal.ansiYellow#6AAB4F
  • terminal.background#FAFAF8
  • terminal.foreground#2A2340
  • titleBar.activeBackground#FAFAF8
  • titleBar.activeForeground#2A2340
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFAF8
  • titleBar.inactiveForeground#2A234060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7E2EEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6B4ACDbold
storage.type, storage.modifier#6B4ACDitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F59E0B
string, punctuation.definition.string, string.template, meta.template.expression#6AAB4F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B899E6
variable, variable.other.readwrite, variable.other.object#2A2340
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2A2340
variable.parameter, meta.parameter#2A2340dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2A234080
keyword.operator#2A2340
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6AAB4Fbold
entity.other.inherited-class#F59E0B
entity.name.tag, punctuation.definition.tag#6B4ACD
entity.other.attribute-name#F59E0B
meta.diff, meta.diff.header#E7E2EE
markup.deleted#B899E6
markup.inserted#F59E0B
markup.changed#6AAB4F
markup.heading, markup.heading.setext, punctuation.definition.heading#F59E0Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6AAB4F
string.other.link.title, string.other.link.description#F59E0B
markup.underline.link#E7E2EEunderline
punctuation.definition.list#6B4ACD
markup.quote, punctuation.definition.quote#E7E2EEitalic