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#0E110D
  • activityBar.border#ffffff15
  • activityBar.foreground#BEE967
  • activityBar.inactiveForeground#f4f1e660
  • activityBarBadge.background#BEE967
  • activityBarBadge.foreground#0E110D
  • button.background#BEE967
  • button.foreground#0E110D
  • button.hoverBackground#BEE967dd
  • editor.background#0E110D
  • editor.foreground#f4f1e6
  • editor.inactiveSelectionBackground#ECBE793580
  • editor.lineHighlightBackground#1F1C1440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBE7935
  • editorCursor.foreground#BEE967
  • editorGroupHeader.tabsBackground#0E110Ddd
  • editorLineNumber.activeForeground#BEE967
  • editorLineNumber.foreground#e7e1d280
  • focusBorder#BEE967
  • foreground#f4f1e6
  • input.background#1F1C14
  • input.border#ffffff15
  • input.foreground#f4f1e6
  • input.placeholderForeground#f4f1e660
  • list.activeSelectionBackground#BEE96730
  • list.activeSelectionForeground#f4f1e6
  • list.highlightForeground#BEE967
  • list.hoverBackground#1F1C1440
  • list.hoverForeground#f4f1e6
  • list.inactiveSelectionBackground#BEE96715
  • list.inactiveSelectionForeground#f4f1e6
  • selection.background#ECBE7935
  • sideBar.background#1F1C14
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f1e6
  • sideBarSectionHeader.background#0E110D80
  • sideBarSectionHeader.foreground#f4f1e6
  • sideBarTitle.foreground#BEE967
  • statusBar.background#0E110D
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f1e6
  • statusBar.noFolderBackground#0E110D
  • tab.activeBackground#0E110D
  • tab.activeBorderTop#BEE967
  • tab.activeForeground#f4f1e6
  • tab.border#ffffff15
  • tab.inactiveBackground#1F1C1460
  • tab.inactiveForeground#f4f1e680
  • terminal.ansiBlack#0E110D
  • terminal.ansiBlue#ECBE79
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#BEE967
  • terminal.ansiMagenta#F1B583
  • terminal.ansiRed#F1B583
  • terminal.ansiWhite#f4f1e6
  • terminal.ansiYellow#E7B655
  • terminal.background#0E110D
  • terminal.foreground#f4f1e6
  • titleBar.activeBackground#0E110D
  • titleBar.activeForeground#f4f1e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0E110D
  • titleBar.inactiveForeground#f4f1e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e7e1d2italic
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#BEE967
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B583
variable, variable.other.readwrite, variable.other.object#f4f1e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f1e6
variable.parameter, meta.parameter#f4f1e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f1e680
keyword.operator#f4f1e6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#BEE967
entity.name.tag, punctuation.definition.tag#ECBE79
entity.other.attribute-name#BEE967
meta.diff, meta.diff.header#e7e1d2
markup.deleted#F1B583
markup.inserted#BEE967
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#BEE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#BEE967
markup.underline.link#e7e1d2underline
punctuation.definition.list#ECBE79
markup.quote, punctuation.definition.quote#e7e1d2italic