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#122B20
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9A8
  • activityBar.inactiveForeground#F4EEDD60
  • activityBarBadge.background#67E9A8
  • activityBarBadge.foreground#122B20
  • button.background#67E9A8
  • button.foreground#122B20
  • button.hoverBackground#67E9A8dd
  • editor.background#122B20
  • editor.foreground#F4EEDD
  • editor.inactiveSelectionBackground#79ECB13580
  • editor.lineHighlightBackground#09160F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECB135
  • editorCursor.foreground#67E9A8
  • editorGroupHeader.tabsBackground#122B20dd
  • editorLineNumber.activeForeground#67E9A8
  • editorLineNumber.foreground#2E5A4380
  • focusBorder#67E9A8
  • foreground#F4EEDD
  • input.background#09160F
  • input.border#ffffff15
  • input.foreground#F4EEDD
  • input.placeholderForeground#F4EEDD60
  • list.activeSelectionBackground#67E9A830
  • list.activeSelectionForeground#F4EEDD
  • list.highlightForeground#67E9A8
  • list.hoverBackground#09160F40
  • list.hoverForeground#F4EEDD
  • list.inactiveSelectionBackground#67E9A815
  • list.inactiveSelectionForeground#F4EEDD
  • selection.background#79ECB135
  • sideBar.background#09160F
  • sideBar.border#ffffff15
  • sideBar.foreground#F4EEDD
  • sideBarSectionHeader.background#122B2080
  • sideBarSectionHeader.foreground#F4EEDD
  • sideBarTitle.foreground#67E9A8
  • statusBar.background#122B20
  • statusBar.border#ffffff15
  • statusBar.foreground#F4EEDD
  • statusBar.noFolderBackground#122B20
  • tab.activeBackground#122B20
  • tab.activeBorderTop#67E9A8
  • tab.activeForeground#F4EEDD
  • tab.border#ffffff15
  • tab.inactiveBackground#09160F60
  • tab.inactiveForeground#F4EEDD80
  • terminal.ansiBlack#122B20
  • terminal.ansiBlue#79ECB1
  • terminal.ansiCyan#E79255
  • terminal.ansiGreen#67E9A8
  • terminal.ansiMagenta#F1B383
  • terminal.ansiRed#F1B383
  • terminal.ansiWhite#F4EEDD
  • terminal.ansiYellow#E79255
  • terminal.background#122B20
  • terminal.foreground#F4EEDD
  • titleBar.activeBackground#122B20
  • titleBar.activeForeground#F4EEDD
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#122B20
  • titleBar.inactiveForeground#F4EEDD60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2E5A43italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECB1bold
storage.type, storage.modifier#79ECB1italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9A8
string, punctuation.definition.string, string.template, meta.template.expression#E79255
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B383
variable, variable.other.readwrite, variable.other.object#F4EEDD
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4EEDD
variable.parameter, meta.parameter#F4EEDDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4EEDD80
keyword.operator#F4EEDD
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79255bold
entity.other.inherited-class#67E9A8
entity.name.tag, punctuation.definition.tag#79ECB1
entity.other.attribute-name#67E9A8
meta.diff, meta.diff.header#2E5A43
markup.deleted#F1B383
markup.inserted#67E9A8
markup.changed#E79255
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9A8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79255
string.other.link.title, string.other.link.description#67E9A8
markup.underline.link#2E5A43underline
punctuation.definition.list#79ECB1
markup.quote, punctuation.definition.quote#2E5A43italic