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#1F2D25
  • activityBar.border#ffffff15
  • activityBar.foreground#BAE967
  • activityBar.inactiveForeground#F7F7F560
  • activityBarBadge.background#BAE967
  • activityBarBadge.foreground#1F2D25
  • button.background#BAE967
  • button.foreground#1F2D25
  • button.hoverBackground#BAE967dd
  • editor.background#1F2D25
  • editor.foreground#F7F7F5
  • editor.inactiveSelectionBackground#ECBE793580
  • editor.lineHighlightBackground#0F0F0F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBE7935
  • editorCursor.foreground#BAE967
  • editorGroupHeader.tabsBackground#1F2D25dd
  • editorLineNumber.activeForeground#BAE967
  • editorLineNumber.foreground#B7C1B180
  • focusBorder#BAE967
  • foreground#F7F7F5
  • input.background#0F0F0F
  • input.border#ffffff15
  • input.foreground#F7F7F5
  • input.placeholderForeground#F7F7F560
  • list.activeSelectionBackground#BAE96730
  • list.activeSelectionForeground#F7F7F5
  • list.highlightForeground#BAE967
  • list.hoverBackground#0F0F0F40
  • list.hoverForeground#F7F7F5
  • list.inactiveSelectionBackground#BAE96715
  • list.inactiveSelectionForeground#F7F7F5
  • selection.background#ECBE7935
  • sideBar.background#0F0F0F
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F7F5
  • sideBarSectionHeader.background#1F2D2580
  • sideBarSectionHeader.foreground#F7F7F5
  • sideBarTitle.foreground#BAE967
  • statusBar.background#1F2D25
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F7F5
  • statusBar.noFolderBackground#1F2D25
  • tab.activeBackground#1F2D25
  • tab.activeBorderTop#BAE967
  • tab.activeForeground#F7F7F5
  • tab.border#ffffff15
  • tab.inactiveBackground#0F0F0F60
  • tab.inactiveForeground#F7F7F580
  • terminal.ansiBlack#1F2D25
  • terminal.ansiBlue#ECBE79
  • terminal.ansiCyan#E7AD55
  • terminal.ansiGreen#BAE967
  • terminal.ansiMagenta#F1B183
  • terminal.ansiRed#F1B183
  • terminal.ansiWhite#F7F7F5
  • terminal.ansiYellow#E7AD55
  • terminal.background#1F2D25
  • terminal.foreground#F7F7F5
  • titleBar.activeBackground#1F2D25
  • titleBar.activeForeground#F7F7F5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F2D25
  • titleBar.inactiveForeground#F7F7F560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7C1B1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBE79bold
storage.type, storage.modifier#ECBE79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#BAE967
string, punctuation.definition.string, string.template, meta.template.expression#E7AD55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B183
variable, variable.other.readwrite, variable.other.object#F7F7F5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F7F5
variable.parameter, meta.parameter#F7F7F5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F7F580
keyword.operator#F7F7F5
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#BAE967
entity.name.tag, punctuation.definition.tag#ECBE79
entity.other.attribute-name#BAE967
meta.diff, meta.diff.header#B7C1B1
markup.deleted#F1B183
markup.inserted#BAE967
markup.changed#E7AD55
markup.heading, markup.heading.setext, punctuation.definition.heading#BAE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AD55
string.other.link.title, string.other.link.description#BAE967
markup.underline.link#B7C1B1underline
punctuation.definition.list#ECBE79
markup.quote, punctuation.definition.quote#B7C1B1italic