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#060908
  • activityBar.border#ffffff15
  • activityBar.foreground#88E967
  • activityBar.inactiveForeground#F7FAF660
  • activityBarBadge.background#88E967
  • activityBarBadge.foreground#060908
  • button.background#88E967
  • button.foreground#060908
  • button.hoverBackground#88E967dd
  • editor.background#060908
  • editor.foreground#F7FAF6
  • editor.inactiveSelectionBackground#79ECA53580
  • editor.lineHighlightBackground#0F151140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECA535
  • editorCursor.foreground#88E967
  • editorGroupHeader.tabsBackground#060908dd
  • editorLineNumber.activeForeground#88E967
  • editorLineNumber.foreground#D7DDD880
  • focusBorder#88E967
  • foreground#F7FAF6
  • input.background#0F1511
  • input.border#ffffff15
  • input.foreground#F7FAF6
  • input.placeholderForeground#F7FAF660
  • list.activeSelectionBackground#88E96730
  • list.activeSelectionForeground#F7FAF6
  • list.highlightForeground#88E967
  • list.hoverBackground#0F151140
  • list.hoverForeground#F7FAF6
  • list.inactiveSelectionBackground#88E96715
  • list.inactiveSelectionForeground#F7FAF6
  • selection.background#79ECA535
  • sideBar.background#0F1511
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAF6
  • sideBarSectionHeader.background#06090880
  • sideBarSectionHeader.foreground#F7FAF6
  • sideBarTitle.foreground#88E967
  • statusBar.background#060908
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAF6
  • statusBar.noFolderBackground#060908
  • tab.activeBackground#060908
  • tab.activeBorderTop#88E967
  • tab.activeForeground#F7FAF6
  • tab.border#ffffff15
  • tab.inactiveBackground#0F151160
  • tab.inactiveForeground#F7FAF680
  • terminal.ansiBlack#060908
  • terminal.ansiBlue#79ECA5
  • terminal.ansiCyan#86E755
  • terminal.ansiGreen#88E967
  • terminal.ansiMagenta#83F194
  • terminal.ansiRed#83F194
  • terminal.ansiWhite#F7FAF6
  • terminal.ansiYellow#86E755
  • terminal.background#060908
  • terminal.foreground#F7FAF6
  • titleBar.activeBackground#060908
  • titleBar.activeForeground#F7FAF6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#060908
  • titleBar.inactiveForeground#F7FAF660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D7DDD8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECA5bold
storage.type, storage.modifier#79ECA5italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#88E967
string, punctuation.definition.string, string.template, meta.template.expression#86E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F194
variable, variable.other.readwrite, variable.other.object#F7FAF6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAF6
variable.parameter, meta.parameter#F7FAF6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAF680
keyword.operator#F7FAF6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#86E755bold
entity.other.inherited-class#88E967
entity.name.tag, punctuation.definition.tag#79ECA5
entity.other.attribute-name#88E967
meta.diff, meta.diff.header#D7DDD8
markup.deleted#83F194
markup.inserted#88E967
markup.changed#86E755
markup.heading, markup.heading.setext, punctuation.definition.heading#88E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#86E755
string.other.link.title, string.other.link.description#88E967
markup.underline.link#D7DDD8underline
punctuation.definition.list#79ECA5
markup.quote, punctuation.definition.quote#D7DDD8italic