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#060604
  • activityBar.border#ffffff15
  • activityBar.foreground#A0E967
  • activityBar.inactiveForeground#FCF9EF60
  • activityBarBadge.background#A0E967
  • activityBarBadge.foreground#060604
  • button.background#A0E967
  • button.foreground#060604
  • button.hoverBackground#A0E967dd
  • editor.background#060604
  • editor.foreground#FCF9EF
  • editor.inactiveSelectionBackground#C9EC793580
  • editor.lineHighlightBackground#150F0940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C9EC7935
  • editorCursor.foreground#A0E967
  • editorGroupHeader.tabsBackground#060604dd
  • editorLineNumber.activeForeground#A0E967
  • editorLineNumber.foreground#E6DEC680
  • focusBorder#A0E967
  • foreground#FCF9EF
  • input.background#150F09
  • input.border#ffffff15
  • input.foreground#FCF9EF
  • input.placeholderForeground#FCF9EF60
  • list.activeSelectionBackground#A0E96730
  • list.activeSelectionForeground#FCF9EF
  • list.highlightForeground#A0E967
  • list.hoverBackground#150F0940
  • list.hoverForeground#FCF9EF
  • list.inactiveSelectionBackground#A0E96715
  • list.inactiveSelectionForeground#FCF9EF
  • selection.background#C9EC7935
  • sideBar.background#150F09
  • sideBar.border#ffffff15
  • sideBar.foreground#FCF9EF
  • sideBarSectionHeader.background#06060480
  • sideBarSectionHeader.foreground#FCF9EF
  • sideBarTitle.foreground#A0E967
  • statusBar.background#060604
  • statusBar.border#ffffff15
  • statusBar.foreground#FCF9EF
  • statusBar.noFolderBackground#060604
  • tab.activeBackground#060604
  • tab.activeBorderTop#A0E967
  • tab.activeForeground#FCF9EF
  • tab.border#ffffff15
  • tab.inactiveBackground#150F0960
  • tab.inactiveForeground#FCF9EF80
  • terminal.ansiBlack#060604
  • terminal.ansiBlue#C9EC79
  • terminal.ansiCyan#D6E755
  • terminal.ansiGreen#A0E967
  • terminal.ansiMagenta#F1BE83
  • terminal.ansiRed#F1BE83
  • terminal.ansiWhite#FCF9EF
  • terminal.ansiYellow#D6E755
  • terminal.background#060604
  • terminal.foreground#FCF9EF
  • titleBar.activeBackground#060604
  • titleBar.activeForeground#FCF9EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#060604
  • titleBar.inactiveForeground#FCF9EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6DEC6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C9EC79bold
storage.type, storage.modifier#C9EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A0E967
string, punctuation.definition.string, string.template, meta.template.expression#D6E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BE83
variable, variable.other.readwrite, variable.other.object#FCF9EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FCF9EF
variable.parameter, meta.parameter#FCF9EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FCF9EF80
keyword.operator#FCF9EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D6E755bold
entity.other.inherited-class#A0E967
entity.name.tag, punctuation.definition.tag#C9EC79
entity.other.attribute-name#A0E967
meta.diff, meta.diff.header#E6DEC6
markup.deleted#F1BE83
markup.inserted#A0E967
markup.changed#D6E755
markup.heading, markup.heading.setext, punctuation.definition.heading#A0E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D6E755
string.other.link.title, string.other.link.description#A0E967
markup.underline.link#E6DEC6underline
punctuation.definition.list#C9EC79
markup.quote, punctuation.definition.quote#E6DEC6italic