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#313531
  • activityBar.border#ffffff15
  • activityBar.foreground#BAE967
  • activityBar.inactiveForeground#f0f1ea60
  • activityBarBadge.background#BAE967
  • activityBarBadge.foreground#313531
  • button.background#BAE967
  • button.foreground#313531
  • button.hoverBackground#BAE967dd
  • editor.background#313531
  • editor.foreground#f0f1ea
  • editor.inactiveSelectionBackground#9AEC793580
  • editor.lineHighlightBackground#15191740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9AEC7935
  • editorCursor.foreground#BAE967
  • editorGroupHeader.tabsBackground#313531dd
  • editorLineNumber.activeForeground#BAE967
  • editorLineNumber.foreground#aeb2aa80
  • focusBorder#BAE967
  • foreground#f0f1ea
  • input.background#151917
  • input.border#ffffff15
  • input.foreground#f0f1ea
  • input.placeholderForeground#f0f1ea60
  • list.activeSelectionBackground#BAE96730
  • list.activeSelectionForeground#f0f1ea
  • list.highlightForeground#BAE967
  • list.hoverBackground#15191740
  • list.hoverForeground#f0f1ea
  • list.inactiveSelectionBackground#BAE96715
  • list.inactiveSelectionForeground#f0f1ea
  • selection.background#9AEC7935
  • sideBar.background#151917
  • sideBar.border#ffffff15
  • sideBar.foreground#f0f1ea
  • sideBarSectionHeader.background#31353180
  • sideBarSectionHeader.foreground#f0f1ea
  • sideBarTitle.foreground#BAE967
  • statusBar.background#313531
  • statusBar.border#ffffff15
  • statusBar.foreground#f0f1ea
  • statusBar.noFolderBackground#313531
  • tab.activeBackground#313531
  • tab.activeBorderTop#BAE967
  • tab.activeForeground#f0f1ea
  • tab.border#ffffff15
  • tab.inactiveBackground#15191760
  • tab.inactiveForeground#f0f1ea80
  • terminal.ansiBlack#313531
  • terminal.ansiBlue#9AEC79
  • terminal.ansiCyan#E78D55
  • terminal.ansiGreen#BAE967
  • terminal.ansiMagenta#D2F183
  • terminal.ansiRed#D2F183
  • terminal.ansiWhite#f0f1ea
  • terminal.ansiYellow#E78D55
  • terminal.background#313531
  • terminal.foreground#f0f1ea
  • titleBar.activeBackground#313531
  • titleBar.activeForeground#f0f1ea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#313531
  • titleBar.inactiveForeground#f0f1ea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#aeb2aaitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9AEC79bold
storage.type, storage.modifier#9AEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#BAE967
string, punctuation.definition.string, string.template, meta.template.expression#E78D55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D2F183
variable, variable.other.readwrite, variable.other.object#f0f1ea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f0f1ea
variable.parameter, meta.parameter#f0f1eadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f0f1ea80
keyword.operator#f0f1ea
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E78D55bold
entity.other.inherited-class#BAE967
entity.name.tag, punctuation.definition.tag#9AEC79
entity.other.attribute-name#BAE967
meta.diff, meta.diff.header#aeb2aa
markup.deleted#D2F183
markup.inserted#BAE967
markup.changed#E78D55
markup.heading, markup.heading.setext, punctuation.definition.heading#BAE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E78D55
string.other.link.title, string.other.link.description#BAE967
markup.underline.link#aeb2aaunderline
punctuation.definition.list#9AEC79
markup.quote, punctuation.definition.quote#aeb2aaitalic