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#293423
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C967
  • activityBar.inactiveForeground#FFF9EC60
  • activityBarBadge.background#E9C967
  • activityBarBadge.foreground#293423
  • button.background#E9C967
  • button.foreground#293423
  • button.hoverBackground#E9C967dd
  • editor.background#293423
  • editor.foreground#FFF9EC
  • editor.inactiveSelectionBackground#9DEC793580
  • editor.lineHighlightBackground#161D1640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9DEC7935
  • editorCursor.foreground#E9C967
  • editorGroupHeader.tabsBackground#293423dd
  • editorLineNumber.activeForeground#E9C967
  • editorLineNumber.foreground#C0A67880
  • focusBorder#E9C967
  • foreground#FFF9EC
  • input.background#161D16
  • input.border#ffffff15
  • input.foreground#FFF9EC
  • input.placeholderForeground#FFF9EC60
  • list.activeSelectionBackground#E9C96730
  • list.activeSelectionForeground#FFF9EC
  • list.highlightForeground#E9C967
  • list.hoverBackground#161D1640
  • list.hoverForeground#FFF9EC
  • list.inactiveSelectionBackground#E9C96715
  • list.inactiveSelectionForeground#FFF9EC
  • selection.background#9DEC7935
  • sideBar.background#161D16
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF9EC
  • sideBarSectionHeader.background#29342380
  • sideBarSectionHeader.foreground#FFF9EC
  • sideBarTitle.foreground#E9C967
  • statusBar.background#293423
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF9EC
  • statusBar.noFolderBackground#293423
  • tab.activeBackground#293423
  • tab.activeBorderTop#E9C967
  • tab.activeForeground#FFF9EC
  • tab.border#ffffff15
  • tab.inactiveBackground#161D1660
  • tab.inactiveForeground#FFF9EC80
  • terminal.ansiBlack#293423
  • terminal.ansiBlue#9DEC79
  • terminal.ansiCyan#E76655
  • terminal.ansiGreen#E9C967
  • terminal.ansiMagenta#F1CD83
  • terminal.ansiRed#F1CD83
  • terminal.ansiWhite#FFF9EC
  • terminal.ansiYellow#E76655
  • terminal.background#293423
  • terminal.foreground#FFF9EC
  • titleBar.activeBackground#293423
  • titleBar.activeForeground#FFF9EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#293423
  • titleBar.inactiveForeground#FFF9EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C0A678italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9DEC79bold
storage.type, storage.modifier#9DEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C967
string, punctuation.definition.string, string.template, meta.template.expression#E76655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CD83
variable, variable.other.readwrite, variable.other.object#FFF9EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF9EC
variable.parameter, meta.parameter#FFF9ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF9EC80
keyword.operator#FFF9EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E76655bold
entity.other.inherited-class#E9C967
entity.name.tag, punctuation.definition.tag#9DEC79
entity.other.attribute-name#E9C967
meta.diff, meta.diff.header#C0A678
markup.deleted#F1CD83
markup.inserted#E9C967
markup.changed#E76655
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E76655
string.other.link.title, string.other.link.description#E9C967
markup.underline.link#C0A678underline
punctuation.definition.list#9DEC79
markup.quote, punctuation.definition.quote#C0A678italic