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#FAFAF6
  • activityBar.border#00000015
  • activityBar.foreground#48BF2A
  • activityBar.inactiveForeground#2B2C2560
  • activityBarBadge.background#48BF2A
  • activityBarBadge.foreground#FAFAF6
  • button.background#48BF2A
  • button.foreground#FAFAF6
  • button.hoverBackground#48BF2Add
  • editor.background#FAFAF6
  • editor.foreground#2B2C25
  • editor.inactiveSelectionBackground#DCE8C22580
  • editor.lineHighlightBackground#F3F1E650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#DCE8C225
  • editorCursor.foreground#48BF2A
  • editorGroupHeader.tabsBackground#F3F1E6aa
  • editorLineNumber.activeForeground#48BF2A
  • editorLineNumber.foreground#6E7F5E80
  • focusBorder#48BF2A
  • foreground#2B2C25
  • input.background#F3F1E6
  • input.border#00000015
  • input.foreground#2B2C25
  • input.placeholderForeground#2B2C2560
  • list.activeSelectionBackground#48BF2A30
  • list.activeSelectionForeground#2B2C25
  • list.highlightForeground#48BF2A
  • list.hoverBackground#F3F1E640
  • list.hoverForeground#2B2C25
  • list.inactiveSelectionBackground#48BF2A15
  • list.inactiveSelectionForeground#2B2C25
  • selection.background#DCE8C225
  • sideBar.background#F3F1E6
  • sideBar.border#00000015
  • sideBar.foreground#2B2C25
  • sideBarSectionHeader.background#F3F1E680
  • sideBarSectionHeader.foreground#2B2C25
  • sideBarTitle.foreground#48BF2A
  • statusBar.background#FAFAF6
  • statusBar.border#00000015
  • statusBar.foreground#2B2C25
  • statusBar.noFolderBackground#FAFAF6
  • tab.activeBackground#FAFAF6
  • tab.activeBorderTop#48BF2A
  • tab.activeForeground#2B2C25
  • tab.border#00000015
  • tab.inactiveBackground#FAFAF660
  • tab.inactiveForeground#2B2C2580
  • terminal.ansiBlack#2B2C25
  • terminal.ansiBlue#DCE8C2
  • terminal.ansiCyan#CBE2AD
  • terminal.ansiGreen#48BF2A
  • terminal.ansiMagenta#8E5E2E
  • terminal.ansiRed#8E5E2E
  • terminal.ansiWhite#2B2C25
  • terminal.ansiYellow#CBE2AD
  • terminal.background#FAFAF6
  • terminal.foreground#2B2C25
  • titleBar.activeBackground#FAFAF6
  • titleBar.activeForeground#2B2C25
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFAF6
  • titleBar.inactiveForeground#2B2C2560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6E7F5Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#DCE8C2bold
storage.type, storage.modifier#DCE8C2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#48BF2A
string, punctuation.definition.string, string.template, meta.template.expression#CBE2AD
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8E5E2E
variable, variable.other.readwrite, variable.other.object#2B2C25
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2C25
variable.parameter, meta.parameter#2B2C25dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2C2580
keyword.operator#2B2C25
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#CBE2ADbold
entity.other.inherited-class#48BF2A
entity.name.tag, punctuation.definition.tag#DCE8C2
entity.other.attribute-name#48BF2A
meta.diff, meta.diff.header#6E7F5E
markup.deleted#8E5E2E
markup.inserted#48BF2A
markup.changed#CBE2AD
markup.heading, markup.heading.setext, punctuation.definition.heading#48BF2Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#CBE2AD
string.other.link.title, string.other.link.description#48BF2A
markup.underline.link#6E7F5Eunderline
punctuation.definition.list#DCE8C2
markup.quote, punctuation.definition.quote#6E7F5Eitalic