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#080808
  • activityBar.border#ffffff15
  • activityBar.foreground#93E967
  • activityBar.inactiveForeground#FCFAF460
  • activityBarBadge.background#93E967
  • activityBarBadge.foreground#080808
  • button.background#93E967
  • button.foreground#080808
  • button.hoverBackground#93E967dd
  • editor.background#080808
  • editor.foreground#FCFAF4
  • editor.inactiveSelectionBackground#B6EC793580
  • editor.lineHighlightBackground#FFEDCC40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B6EC7935
  • editorCursor.foreground#93E967
  • editorGroupHeader.tabsBackground#080808dd
  • editorLineNumber.activeForeground#93E967
  • editorLineNumber.foreground#6B6F6680
  • focusBorder#93E967
  • foreground#FCFAF4
  • input.background#FFEDCC
  • input.border#ffffff15
  • input.foreground#FCFAF4
  • input.placeholderForeground#FCFAF460
  • list.activeSelectionBackground#93E96730
  • list.activeSelectionForeground#FCFAF4
  • list.highlightForeground#93E967
  • list.hoverBackground#FFEDCC40
  • list.hoverForeground#FCFAF4
  • list.inactiveSelectionBackground#93E96715
  • list.inactiveSelectionForeground#FCFAF4
  • selection.background#B6EC7935
  • sideBar.background#FFEDCC
  • sideBar.border#ffffff15
  • sideBar.foreground#FCFAF4
  • sideBarSectionHeader.background#08080880
  • sideBarSectionHeader.foreground#FCFAF4
  • sideBarTitle.foreground#93E967
  • statusBar.background#080808
  • statusBar.border#ffffff15
  • statusBar.foreground#FCFAF4
  • statusBar.noFolderBackground#080808
  • tab.activeBackground#080808
  • tab.activeBorderTop#93E967
  • tab.activeForeground#FCFAF4
  • tab.border#ffffff15
  • tab.inactiveBackground#FFEDCC60
  • tab.inactiveForeground#FCFAF480
  • terminal.ansiBlack#080808
  • terminal.ansiBlue#B6EC79
  • terminal.ansiCyan#E7A355
  • terminal.ansiGreen#93E967
  • terminal.ansiMagenta#F18583
  • terminal.ansiRed#F18583
  • terminal.ansiWhite#FCFAF4
  • terminal.ansiYellow#E7A355
  • terminal.background#080808
  • terminal.foreground#FCFAF4
  • titleBar.activeBackground#080808
  • titleBar.activeForeground#FCFAF4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080808
  • titleBar.inactiveForeground#FCFAF460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6B6F66italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B6EC79bold
storage.type, storage.modifier#B6EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93E967
string, punctuation.definition.string, string.template, meta.template.expression#E7A355
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18583
variable, variable.other.readwrite, variable.other.object#FCFAF4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FCFAF4
variable.parameter, meta.parameter#FCFAF4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FCFAF480
keyword.operator#FCFAF4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7A355bold
entity.other.inherited-class#93E967
entity.name.tag, punctuation.definition.tag#B6EC79
entity.other.attribute-name#93E967
meta.diff, meta.diff.header#6B6F66
markup.deleted#F18583
markup.inserted#93E967
markup.changed#E7A355
markup.heading, markup.heading.setext, punctuation.definition.heading#93E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7A355
string.other.link.title, string.other.link.description#93E967
markup.underline.link#6B6F66underline
punctuation.definition.list#B6EC79
markup.quote, punctuation.definition.quote#6B6F66italic