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#0E1612
  • activityBar.border#ffffff15
  • activityBar.foreground#9DE967
  • activityBar.inactiveForeground#F8FAF460
  • activityBarBadge.background#9DE967
  • activityBarBadge.foreground#0E1612
  • button.background#9DE967
  • button.foreground#0E1612
  • button.hoverBackground#9DE967dd
  • editor.background#0E1612
  • editor.foreground#F8FAF4
  • editor.inactiveSelectionBackground#79ECA33580
  • editor.lineHighlightBackground#161D1840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECA335
  • editorCursor.foreground#9DE967
  • editorGroupHeader.tabsBackground#0E1612dd
  • editorLineNumber.activeForeground#9DE967
  • editorLineNumber.foreground#B9C3BA80
  • focusBorder#9DE967
  • foreground#F8FAF4
  • input.background#161D18
  • input.border#ffffff15
  • input.foreground#F8FAF4
  • input.placeholderForeground#F8FAF460
  • list.activeSelectionBackground#9DE96730
  • list.activeSelectionForeground#F8FAF4
  • list.highlightForeground#9DE967
  • list.hoverBackground#161D1840
  • list.hoverForeground#F8FAF4
  • list.inactiveSelectionBackground#9DE96715
  • list.inactiveSelectionForeground#F8FAF4
  • selection.background#79ECA335
  • sideBar.background#161D18
  • sideBar.border#ffffff15
  • sideBar.foreground#F8FAF4
  • sideBarSectionHeader.background#0E161280
  • sideBarSectionHeader.foreground#F8FAF4
  • sideBarTitle.foreground#9DE967
  • statusBar.background#0E1612
  • statusBar.border#ffffff15
  • statusBar.foreground#F8FAF4
  • statusBar.noFolderBackground#0E1612
  • tab.activeBackground#0E1612
  • tab.activeBorderTop#9DE967
  • tab.activeForeground#F8FAF4
  • tab.border#ffffff15
  • tab.inactiveBackground#161D1860
  • tab.inactiveForeground#F8FAF480
  • terminal.ansiBlack#0E1612
  • terminal.ansiBlue#79ECA3
  • terminal.ansiCyan#E7A155
  • terminal.ansiGreen#9DE967
  • terminal.ansiMagenta#B8F183
  • terminal.ansiRed#B8F183
  • terminal.ansiWhite#F8FAF4
  • terminal.ansiYellow#E7A155
  • terminal.background#0E1612
  • terminal.foreground#F8FAF4
  • titleBar.activeBackground#0E1612
  • titleBar.activeForeground#F8FAF4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0E1612
  • titleBar.inactiveForeground#F8FAF460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B9C3BAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECA3bold
storage.type, storage.modifier#79ECA3italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9DE967
string, punctuation.definition.string, string.template, meta.template.expression#E7A155
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B8F183
variable, variable.other.readwrite, variable.other.object#F8FAF4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F8FAF4
variable.parameter, meta.parameter#F8FAF4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F8FAF480
keyword.operator#F8FAF4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7A155bold
entity.other.inherited-class#9DE967
entity.name.tag, punctuation.definition.tag#79ECA3
entity.other.attribute-name#9DE967
meta.diff, meta.diff.header#B9C3BA
markup.deleted#B8F183
markup.inserted#9DE967
markup.changed#E7A155
markup.heading, markup.heading.setext, punctuation.definition.heading#9DE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7A155
string.other.link.title, string.other.link.description#9DE967
markup.underline.link#B9C3BAunderline
punctuation.definition.list#79ECA3
markup.quote, punctuation.definition.quote#B9C3BAitalic