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.bold—bold
markup.italic—italic
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