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#090C09
  • activityBar.border#ffffff15
  • activityBar.foreground#A6E967
  • activityBar.inactiveForeground#FAFAF860
  • activityBarBadge.background#A6E967
  • activityBarBadge.foreground#090C09
  • button.background#A6E967
  • button.foreground#090C09
  • button.hoverBackground#A6E967dd
  • editor.background#090C09
  • editor.foreground#FAFAF8
  • editor.inactiveSelectionBackground#A9EC793580
  • editor.lineHighlightBackground#1C231A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A9EC7935
  • editorCursor.foreground#A6E967
  • editorGroupHeader.tabsBackground#090C09dd
  • editorLineNumber.activeForeground#A6E967
  • editorLineNumber.foreground#8B8E8680
  • focusBorder#A6E967
  • foreground#FAFAF8
  • input.background#1C231A
  • input.border#ffffff15
  • input.foreground#FAFAF8
  • input.placeholderForeground#FAFAF860
  • list.activeSelectionBackground#A6E96730
  • list.activeSelectionForeground#FAFAF8
  • list.highlightForeground#A6E967
  • list.hoverBackground#1C231A40
  • list.hoverForeground#FAFAF8
  • list.inactiveSelectionBackground#A6E96715
  • list.inactiveSelectionForeground#FAFAF8
  • selection.background#A9EC7935
  • sideBar.background#1C231A
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF8
  • sideBarSectionHeader.background#090C0980
  • sideBarSectionHeader.foreground#FAFAF8
  • sideBarTitle.foreground#A6E967
  • statusBar.background#090C09
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF8
  • statusBar.noFolderBackground#090C09
  • tab.activeBackground#090C09
  • tab.activeBorderTop#A6E967
  • tab.activeForeground#FAFAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#1C231A60
  • tab.inactiveForeground#FAFAF880
  • terminal.ansiBlack#090C09
  • terminal.ansiBlue#A9EC79
  • terminal.ansiCyan#E7C255
  • terminal.ansiGreen#A6E967
  • terminal.ansiMagenta#C3F183
  • terminal.ansiRed#C3F183
  • terminal.ansiWhite#FAFAF8
  • terminal.ansiYellow#E7C255
  • terminal.background#090C09
  • terminal.foreground#FAFAF8
  • titleBar.activeBackground#090C09
  • titleBar.activeForeground#FAFAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#090C09
  • titleBar.inactiveForeground#FAFAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8B8E86italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A9EC79bold
storage.type, storage.modifier#A9EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A6E967
string, punctuation.definition.string, string.template, meta.template.expression#E7C255
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C3F183
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#E7C255bold
entity.other.inherited-class#A6E967
entity.name.tag, punctuation.definition.tag#A9EC79
entity.other.attribute-name#A6E967
meta.diff, meta.diff.header#8B8E86
markup.deleted#C3F183
markup.inserted#A6E967
markup.changed#E7C255
markup.heading, markup.heading.setext, punctuation.definition.heading#A6E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C255
string.other.link.title, string.other.link.description#A6E967
markup.underline.link#8B8E86underline
punctuation.definition.list#A9EC79
markup.quote, punctuation.definition.quote#8B8E86italic