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#050605
  • activityBar.border#ffffff15
  • activityBar.foreground#7FE967
  • activityBar.inactiveForeground#FFFFFF60
  • activityBarBadge.background#7FE967
  • activityBarBadge.foreground#050605
  • button.background#7FE967
  • button.foreground#050605
  • button.hoverBackground#7FE967dd
  • editor.background#050605
  • editor.foreground#FFFFFF
  • editor.inactiveSelectionBackground#94EC793580
  • editor.lineHighlightBackground#221D1C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#94EC7935
  • editorCursor.foreground#7FE967
  • editorGroupHeader.tabsBackground#050605dd
  • editorLineNumber.activeForeground#7FE967
  • editorLineNumber.foreground#F0F1ED80
  • focusBorder#7FE967
  • foreground#FFFFFF
  • input.background#221D1C
  • input.border#ffffff15
  • input.foreground#FFFFFF
  • input.placeholderForeground#FFFFFF60
  • list.activeSelectionBackground#7FE96730
  • list.activeSelectionForeground#FFFFFF
  • list.highlightForeground#7FE967
  • list.hoverBackground#221D1C40
  • list.hoverForeground#FFFFFF
  • list.inactiveSelectionBackground#7FE96715
  • list.inactiveSelectionForeground#FFFFFF
  • selection.background#94EC7935
  • sideBar.background#221D1C
  • sideBar.border#ffffff15
  • sideBar.foreground#FFFFFF
  • sideBarSectionHeader.background#05060580
  • sideBarSectionHeader.foreground#FFFFFF
  • sideBarTitle.foreground#7FE967
  • statusBar.background#050605
  • statusBar.border#ffffff15
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#050605
  • tab.activeBackground#050605
  • tab.activeBorderTop#7FE967
  • tab.activeForeground#FFFFFF
  • tab.border#ffffff15
  • tab.inactiveBackground#221D1C60
  • tab.inactiveForeground#FFFFFF80
  • terminal.ansiBlack#050605
  • terminal.ansiBlue#94EC79
  • terminal.ansiCyan#E7C755
  • terminal.ansiGreen#7FE967
  • terminal.ansiMagenta#F1D983
  • terminal.ansiRed#F1D983
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#E7C755
  • terminal.background#050605
  • terminal.foreground#FFFFFF
  • titleBar.activeBackground#050605
  • titleBar.activeForeground#FFFFFF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#050605
  • titleBar.inactiveForeground#FFFFFF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F0F1EDitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#94EC79bold
storage.type, storage.modifier#94EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7FE967
string, punctuation.definition.string, string.template, meta.template.expression#E7C755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D983
variable, variable.other.readwrite, variable.other.object#FFFFFF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFFFFF
variable.parameter, meta.parameter#FFFFFFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFFFFF80
keyword.operator#FFFFFF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C755bold
entity.other.inherited-class#7FE967
entity.name.tag, punctuation.definition.tag#94EC79
entity.other.attribute-name#7FE967
meta.diff, meta.diff.header#F0F1ED
markup.deleted#F1D983
markup.inserted#7FE967
markup.changed#E7C755
markup.heading, markup.heading.setext, punctuation.definition.heading#7FE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C755
string.other.link.title, string.other.link.description#7FE967
markup.underline.link#F0F1EDunderline
punctuation.definition.list#94EC79
markup.quote, punctuation.definition.quote#F0F1EDitalic