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#35472E
  • activityBar.border#ffffff15
  • activityBar.foreground#A4E967
  • activityBar.inactiveForeground#FAFAF860
  • activityBarBadge.background#A4E967
  • activityBarBadge.foreground#35472E
  • button.background#A4E967
  • button.foreground#35472E
  • button.hoverBackground#A4E967dd
  • editor.background#35472E
  • editor.foreground#FAFAF8
  • editor.inactiveSelectionBackground#A5EC793580
  • editor.lineHighlightBackground#18191540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A5EC7935
  • editorCursor.foreground#A4E967
  • editorGroupHeader.tabsBackground#35472Edd
  • editorLineNumber.activeForeground#A4E967
  • editorLineNumber.foreground#D6D7DA80
  • focusBorder#A4E967
  • foreground#FAFAF8
  • input.background#181915
  • input.border#ffffff15
  • input.foreground#FAFAF8
  • input.placeholderForeground#FAFAF860
  • list.activeSelectionBackground#A4E96730
  • list.activeSelectionForeground#FAFAF8
  • list.highlightForeground#A4E967
  • list.hoverBackground#18191540
  • list.hoverForeground#FAFAF8
  • list.inactiveSelectionBackground#A4E96715
  • list.inactiveSelectionForeground#FAFAF8
  • selection.background#A5EC7935
  • sideBar.background#181915
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF8
  • sideBarSectionHeader.background#35472E80
  • sideBarSectionHeader.foreground#FAFAF8
  • sideBarTitle.foreground#A4E967
  • statusBar.background#35472E
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF8
  • statusBar.noFolderBackground#35472E
  • tab.activeBackground#35472E
  • tab.activeBorderTop#A4E967
  • tab.activeForeground#FAFAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#18191560
  • tab.inactiveForeground#FAFAF880
  • terminal.ansiBlack#35472E
  • terminal.ansiBlue#A5EC79
  • terminal.ansiCyan#AD55E7
  • terminal.ansiGreen#A4E967
  • terminal.ansiMagenta#F1C583
  • terminal.ansiRed#F1C583
  • terminal.ansiWhite#FAFAF8
  • terminal.ansiYellow#AD55E7
  • terminal.background#35472E
  • terminal.foreground#FAFAF8
  • titleBar.activeBackground#35472E
  • titleBar.activeForeground#FAFAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#35472E
  • titleBar.inactiveForeground#FAFAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D6D7DAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A5EC79bold
storage.type, storage.modifier#A5EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A4E967
string, punctuation.definition.string, string.template, meta.template.expression#AD55E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C583
variable, variable.other.readwrite, variable.other.object#FAFAF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAF8
variable.parameter, meta.parameter#FAFAF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAF880
keyword.operator#FAFAF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#AD55E7bold
entity.other.inherited-class#A4E967
entity.name.tag, punctuation.definition.tag#A5EC79
entity.other.attribute-name#A4E967
meta.diff, meta.diff.header#D6D7DA
markup.deleted#F1C583
markup.inserted#A4E967
markup.changed#AD55E7
markup.heading, markup.heading.setext, punctuation.definition.heading#A4E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#AD55E7
string.other.link.title, string.other.link.description#A4E967
markup.underline.link#D6D7DAunderline
punctuation.definition.list#A5EC79
markup.quote, punctuation.definition.quote#D6D7DAitalic