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#1F2D22
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A467
  • activityBar.inactiveForeground#F2E9D660
  • activityBarBadge.background#E9A467
  • activityBarBadge.foreground#1F2D22
  • button.background#E9A467
  • button.foreground#1F2D22
  • button.hoverBackground#E9A467dd
  • editor.background#1F2D22
  • editor.foreground#F2E9D6
  • editor.inactiveSelectionBackground#79EC903580
  • editor.lineHighlightBackground#12131140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC9035
  • editorCursor.foreground#E9A467
  • editorGroupHeader.tabsBackground#1F2D22dd
  • editorLineNumber.activeForeground#E9A467
  • editorLineNumber.foreground#A2866680
  • focusBorder#E9A467
  • foreground#F2E9D6
  • input.background#121311
  • input.border#ffffff15
  • input.foreground#F2E9D6
  • input.placeholderForeground#F2E9D660
  • list.activeSelectionBackground#E9A46730
  • list.activeSelectionForeground#F2E9D6
  • list.highlightForeground#E9A467
  • list.hoverBackground#12131140
  • list.hoverForeground#F2E9D6
  • list.inactiveSelectionBackground#E9A46715
  • list.inactiveSelectionForeground#F2E9D6
  • selection.background#79EC9035
  • sideBar.background#121311
  • sideBar.border#ffffff15
  • sideBar.foreground#F2E9D6
  • sideBarSectionHeader.background#1F2D2280
  • sideBarSectionHeader.foreground#F2E9D6
  • sideBarTitle.foreground#E9A467
  • statusBar.background#1F2D22
  • statusBar.border#ffffff15
  • statusBar.foreground#F2E9D6
  • statusBar.noFolderBackground#1F2D22
  • tab.activeBackground#1F2D22
  • tab.activeBorderTop#E9A467
  • tab.activeForeground#F2E9D6
  • tab.border#ffffff15
  • tab.inactiveBackground#12131160
  • tab.inactiveForeground#F2E9D680
  • terminal.ansiBlack#1F2D22
  • terminal.ansiBlue#79EC90
  • terminal.ansiCyan#E7AD55
  • terminal.ansiGreen#E9A467
  • terminal.ansiMagenta#97F183
  • terminal.ansiRed#97F183
  • terminal.ansiWhite#F2E9D6
  • terminal.ansiYellow#E7AD55
  • terminal.background#1F2D22
  • terminal.foreground#F2E9D6
  • titleBar.activeBackground#1F2D22
  • titleBar.activeForeground#F2E9D6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F2D22
  • titleBar.inactiveForeground#F2E9D660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A28666italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC90bold
storage.type, storage.modifier#79EC90italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A467
string, punctuation.definition.string, string.template, meta.template.expression#E7AD55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#97F183
variable, variable.other.readwrite, variable.other.object#F2E9D6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F2E9D6
variable.parameter, meta.parameter#F2E9D6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F2E9D680
keyword.operator#F2E9D6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AD55bold
entity.other.inherited-class#E9A467
entity.name.tag, punctuation.definition.tag#79EC90
entity.other.attribute-name#E9A467
meta.diff, meta.diff.header#A28666
markup.deleted#97F183
markup.inserted#E9A467
markup.changed#E7AD55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A467bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AD55
string.other.link.title, string.other.link.description#E9A467
markup.underline.link#A28666underline
punctuation.definition.list#79EC90
markup.quote, punctuation.definition.quote#A28666italic