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#2F3112
  • activityBar.border#ffffff15
  • activityBar.foreground#DCE967
  • activityBar.inactiveForeground#F7F2E360
  • activityBarBadge.background#DCE967
  • activityBarBadge.foreground#2F3112
  • button.background#DCE967
  • button.foreground#2F3112
  • button.hoverBackground#DCE967dd
  • editor.background#2F3112
  • editor.foreground#F7F2E3
  • editor.inactiveSelectionBackground#ECB1793580
  • editor.lineHighlightBackground#0E0A0740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB17935
  • editorCursor.foreground#DCE967
  • editorGroupHeader.tabsBackground#2F3112dd
  • editorLineNumber.activeForeground#DCE967
  • editorLineNumber.foreground#E6DFC280
  • focusBorder#DCE967
  • foreground#F7F2E3
  • input.background#0E0A07
  • input.border#ffffff15
  • input.foreground#F7F2E3
  • input.placeholderForeground#F7F2E360
  • list.activeSelectionBackground#DCE96730
  • list.activeSelectionForeground#F7F2E3
  • list.highlightForeground#DCE967
  • list.hoverBackground#0E0A0740
  • list.hoverForeground#F7F2E3
  • list.inactiveSelectionBackground#DCE96715
  • list.inactiveSelectionForeground#F7F2E3
  • selection.background#ECB17935
  • sideBar.background#0E0A07
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F2E3
  • sideBarSectionHeader.background#2F311280
  • sideBarSectionHeader.foreground#F7F2E3
  • sideBarTitle.foreground#DCE967
  • statusBar.background#2F3112
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F2E3
  • statusBar.noFolderBackground#2F3112
  • tab.activeBackground#2F3112
  • tab.activeBorderTop#DCE967
  • tab.activeForeground#F7F2E3
  • tab.border#ffffff15
  • tab.inactiveBackground#0E0A0760
  • tab.inactiveForeground#F7F2E380
  • terminal.ansiBlack#2F3112
  • terminal.ansiBlue#ECB179
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#DCE967
  • terminal.ansiMagenta#F1D083
  • terminal.ansiRed#F1D083
  • terminal.ansiWhite#F7F2E3
  • terminal.ansiYellow#E7B655
  • terminal.background#2F3112
  • terminal.foreground#F7F2E3
  • titleBar.activeBackground#2F3112
  • titleBar.activeForeground#F7F2E3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2F3112
  • titleBar.inactiveForeground#F7F2E360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6DFC2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB179bold
storage.type, storage.modifier#ECB179italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#DCE967
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D083
variable, variable.other.readwrite, variable.other.object#F7F2E3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F2E3
variable.parameter, meta.parameter#F7F2E3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F2E380
keyword.operator#F7F2E3
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#DCE967
entity.name.tag, punctuation.definition.tag#ECB179
entity.other.attribute-name#DCE967
meta.diff, meta.diff.header#E6DFC2
markup.deleted#F1D083
markup.inserted#DCE967
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#DCE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#DCE967
markup.underline.link#E6DFC2underline
punctuation.definition.list#ECB179
markup.quote, punctuation.definition.quote#E6DFC2italic