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#F1F4F2
  • activityBar.border#00000015
  • activityBar.foreground#709325
  • activityBar.inactiveForeground#22302260
  • activityBarBadge.background#709325
  • activityBarBadge.foreground#F1F4F2
  • button.background#709325
  • button.foreground#F1F4F2
  • button.hoverBackground#709325dd
  • editor.background#F1F4F2
  • editor.foreground#223022
  • editor.inactiveSelectionBackground#5083212580
  • editor.lineHighlightBackground#F9FCF350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#50832125
  • editorCursor.foreground#709325
  • editorGroupHeader.tabsBackground#F9FCF3aa
  • editorLineNumber.activeForeground#709325
  • editorLineNumber.foreground#5b686680
  • focusBorder#709325
  • foreground#223022
  • input.background#F9FCF3
  • input.border#00000015
  • input.foreground#223022
  • input.placeholderForeground#22302260
  • list.activeSelectionBackground#70932530
  • list.activeSelectionForeground#223022
  • list.highlightForeground#709325
  • list.hoverBackground#F9FCF340
  • list.hoverForeground#223022
  • list.inactiveSelectionBackground#70932515
  • list.inactiveSelectionForeground#223022
  • selection.background#50832125
  • sideBar.background#F9FCF3
  • sideBar.border#00000015
  • sideBar.foreground#223022
  • sideBarSectionHeader.background#F9FCF380
  • sideBarSectionHeader.foreground#223022
  • sideBarTitle.foreground#709325
  • statusBar.background#F1F4F2
  • statusBar.border#00000015
  • statusBar.foreground#223022
  • statusBar.noFolderBackground#F1F4F2
  • tab.activeBackground#F1F4F2
  • tab.activeBorderTop#709325
  • tab.activeForeground#223022
  • tab.border#00000015
  • tab.inactiveBackground#F1F4F260
  • tab.inactiveForeground#22302280
  • terminal.ansiBlack#223022
  • terminal.ansiBlue#508321
  • terminal.ansiCyan#87A329
  • terminal.ansiGreen#709325
  • terminal.ansiMagenta#6D7619
  • terminal.ansiRed#6D7619
  • terminal.ansiWhite#223022
  • terminal.ansiYellow#87A329
  • terminal.background#F1F4F2
  • terminal.foreground#223022
  • titleBar.activeBackground#F1F4F2
  • titleBar.activeForeground#223022
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F1F4F2
  • titleBar.inactiveForeground#22302260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5b6866italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#508321bold
storage.type, storage.modifier#508321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#709325
string, punctuation.definition.string, string.template, meta.template.expression#87A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6D7619
variable, variable.other.readwrite, variable.other.object#223022
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#223022
variable.parameter, meta.parameter#223022dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#22302280
keyword.operator#223022
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#87A329bold
entity.other.inherited-class#709325
entity.name.tag, punctuation.definition.tag#508321
entity.other.attribute-name#709325
meta.diff, meta.diff.header#5b6866
markup.deleted#6D7619
markup.inserted#709325
markup.changed#87A329
markup.heading, markup.heading.setext, punctuation.definition.heading#709325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#87A329
string.other.link.title, string.other.link.description#709325
markup.underline.link#5b6866underline
punctuation.definition.list#508321
markup.quote, punctuation.definition.quote#5b6866italic