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#171C17
  • activityBar.border#ffffff15
  • activityBar.foreground#B7E967
  • activityBar.inactiveForeground#eef1e760
  • activityBarBadge.background#B7E967
  • activityBarBadge.foreground#171C17
  • button.background#B7E967
  • button.foreground#171C17
  • button.hoverBackground#B7E967dd
  • editor.background#171C17
  • editor.foreground#eef1e7
  • editor.inactiveSelectionBackground#D7EC793580
  • editor.lineHighlightBackground#1C261E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D7EC7935
  • editorCursor.foreground#B7E967
  • editorGroupHeader.tabsBackground#171C17dd
  • editorLineNumber.activeForeground#B7E967
  • editorLineNumber.foreground#b8beb580
  • focusBorder#B7E967
  • foreground#eef1e7
  • input.background#1C261E
  • input.border#ffffff15
  • input.foreground#eef1e7
  • input.placeholderForeground#eef1e760
  • list.activeSelectionBackground#B7E96730
  • list.activeSelectionForeground#eef1e7
  • list.highlightForeground#B7E967
  • list.hoverBackground#1C261E40
  • list.hoverForeground#eef1e7
  • list.inactiveSelectionBackground#B7E96715
  • list.inactiveSelectionForeground#eef1e7
  • selection.background#D7EC7935
  • sideBar.background#1C261E
  • sideBar.border#ffffff15
  • sideBar.foreground#eef1e7
  • sideBarSectionHeader.background#171C1780
  • sideBarSectionHeader.foreground#eef1e7
  • sideBarTitle.foreground#B7E967
  • statusBar.background#171C17
  • statusBar.border#ffffff15
  • statusBar.foreground#eef1e7
  • statusBar.noFolderBackground#171C17
  • tab.activeBackground#171C17
  • tab.activeBorderTop#B7E967
  • tab.activeForeground#eef1e7
  • tab.border#ffffff15
  • tab.inactiveBackground#1C261E60
  • tab.inactiveForeground#eef1e780
  • terminal.ansiBlack#171C17
  • terminal.ansiBlue#D7EC79
  • terminal.ansiCyan#55CAE7
  • terminal.ansiGreen#B7E967
  • terminal.ansiMagenta#F1D283
  • terminal.ansiRed#F1D283
  • terminal.ansiWhite#eef1e7
  • terminal.ansiYellow#55CAE7
  • terminal.background#171C17
  • terminal.foreground#eef1e7
  • titleBar.activeBackground#171C17
  • titleBar.activeForeground#eef1e7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#171C17
  • titleBar.inactiveForeground#eef1e760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b8beb5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D7EC79bold
storage.type, storage.modifier#D7EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B7E967
string, punctuation.definition.string, string.template, meta.template.expression#55CAE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D283
variable, variable.other.readwrite, variable.other.object#eef1e7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#eef1e7
variable.parameter, meta.parameter#eef1e7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#eef1e780
keyword.operator#eef1e7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55CAE7bold
entity.other.inherited-class#B7E967
entity.name.tag, punctuation.definition.tag#D7EC79
entity.other.attribute-name#B7E967
meta.diff, meta.diff.header#b8beb5
markup.deleted#F1D283
markup.inserted#B7E967
markup.changed#55CAE7
markup.heading, markup.heading.setext, punctuation.definition.heading#B7E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55CAE7
string.other.link.title, string.other.link.description#B7E967
markup.underline.link#b8beb5underline
punctuation.definition.list#D7EC79
markup.quote, punctuation.definition.quote#b8beb5italic