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#070808
  • activityBar.border#ffffff15
  • activityBar.foreground#B5E967
  • activityBar.inactiveForeground#f4f2ed60
  • activityBarBadge.background#B5E967
  • activityBarBadge.foreground#070808
  • button.background#B5E967
  • button.foreground#070808
  • button.hoverBackground#B5E967dd
  • editor.background#070808
  • editor.foreground#f4f2ed
  • editor.inactiveSelectionBackground#79ECBE3580
  • editor.lineHighlightBackground#0D0D0D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECBE35
  • editorCursor.foreground#B5E967
  • editorGroupHeader.tabsBackground#070808dd
  • editorLineNumber.activeForeground#B5E967
  • editorLineNumber.foreground#9aa28580
  • focusBorder#B5E967
  • foreground#f4f2ed
  • input.background#0D0D0D
  • input.border#ffffff15
  • input.foreground#f4f2ed
  • input.placeholderForeground#f4f2ed60
  • list.activeSelectionBackground#B5E96730
  • list.activeSelectionForeground#f4f2ed
  • list.highlightForeground#B5E967
  • list.hoverBackground#0D0D0D40
  • list.hoverForeground#f4f2ed
  • list.inactiveSelectionBackground#B5E96715
  • list.inactiveSelectionForeground#f4f2ed
  • selection.background#79ECBE35
  • sideBar.background#0D0D0D
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f2ed
  • sideBarSectionHeader.background#07080880
  • sideBarSectionHeader.foreground#f4f2ed
  • sideBarTitle.foreground#B5E967
  • statusBar.background#070808
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f2ed
  • statusBar.noFolderBackground#070808
  • tab.activeBackground#070808
  • tab.activeBorderTop#B5E967
  • tab.activeForeground#f4f2ed
  • tab.border#ffffff15
  • tab.inactiveBackground#0D0D0D60
  • tab.inactiveForeground#f4f2ed80
  • terminal.ansiBlack#070808
  • terminal.ansiBlue#79ECBE
  • terminal.ansiCyan#BBE755
  • terminal.ansiGreen#B5E967
  • terminal.ansiMagenta#F19983
  • terminal.ansiRed#F19983
  • terminal.ansiWhite#f4f2ed
  • terminal.ansiYellow#BBE755
  • terminal.background#070808
  • terminal.foreground#f4f2ed
  • titleBar.activeBackground#070808
  • titleBar.activeForeground#f4f2ed
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#070808
  • titleBar.inactiveForeground#f4f2ed60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9aa285italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECBEbold
storage.type, storage.modifier#79ECBEitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B5E967
string, punctuation.definition.string, string.template, meta.template.expression#BBE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19983
variable, variable.other.readwrite, variable.other.object#f4f2ed
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f2ed
variable.parameter, meta.parameter#f4f2eddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f2ed80
keyword.operator#f4f2ed
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#BBE755bold
entity.other.inherited-class#B5E967
entity.name.tag, punctuation.definition.tag#79ECBE
entity.other.attribute-name#B5E967
meta.diff, meta.diff.header#9aa285
markup.deleted#F19983
markup.inserted#B5E967
markup.changed#BBE755
markup.heading, markup.heading.setext, punctuation.definition.heading#B5E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#BBE755
string.other.link.title, string.other.link.description#B5E967
markup.underline.link#9aa285underline
punctuation.definition.list#79ECBE
markup.quote, punctuation.definition.quote#9aa285italic