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#090C0A
  • activityBar.border#ffffff15
  • activityBar.foreground#99E967
  • activityBar.inactiveForeground#f5f0df60
  • activityBarBadge.background#99E967
  • activityBarBadge.foreground#090C0A
  • button.background#99E967
  • button.foreground#090C0A
  • button.hoverBackground#99E967dd
  • editor.background#090C0A
  • editor.foreground#f5f0df
  • editor.inactiveSelectionBackground#ECC9793580
  • editor.lineHighlightBackground#171C1840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC97935
  • editorCursor.foreground#99E967
  • editorGroupHeader.tabsBackground#090C0Add
  • editorLineNumber.activeForeground#99E967
  • editorLineNumber.foreground#d7c89d80
  • focusBorder#99E967
  • foreground#f5f0df
  • input.background#171C18
  • input.border#ffffff15
  • input.foreground#f5f0df
  • input.placeholderForeground#f5f0df60
  • list.activeSelectionBackground#99E96730
  • list.activeSelectionForeground#f5f0df
  • list.highlightForeground#99E967
  • list.hoverBackground#171C1840
  • list.hoverForeground#f5f0df
  • list.inactiveSelectionBackground#99E96715
  • list.inactiveSelectionForeground#f5f0df
  • selection.background#ECC97935
  • sideBar.background#171C18
  • sideBar.border#ffffff15
  • sideBar.foreground#f5f0df
  • sideBarSectionHeader.background#090C0A80
  • sideBarSectionHeader.foreground#f5f0df
  • sideBarTitle.foreground#99E967
  • statusBar.background#090C0A
  • statusBar.border#ffffff15
  • statusBar.foreground#f5f0df
  • statusBar.noFolderBackground#090C0A
  • tab.activeBackground#090C0A
  • tab.activeBorderTop#99E967
  • tab.activeForeground#f5f0df
  • tab.border#ffffff15
  • tab.inactiveBackground#171C1860
  • tab.inactiveForeground#f5f0df80
  • terminal.ansiBlack#090C0A
  • terminal.ansiBlue#ECC979
  • terminal.ansiCyan#55E7E0
  • terminal.ansiGreen#99E967
  • terminal.ansiMagenta#F1D283
  • terminal.ansiRed#F1D283
  • terminal.ansiWhite#f5f0df
  • terminal.ansiYellow#55E7E0
  • terminal.background#090C0A
  • terminal.foreground#f5f0df
  • titleBar.activeBackground#090C0A
  • titleBar.activeForeground#f5f0df
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#090C0A
  • titleBar.inactiveForeground#f5f0df60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7c89ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC979bold
storage.type, storage.modifier#ECC979italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#99E967
string, punctuation.definition.string, string.template, meta.template.expression#55E7E0
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D283
variable, variable.other.readwrite, variable.other.object#f5f0df
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f5f0df
variable.parameter, meta.parameter#f5f0dfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f5f0df80
keyword.operator#f5f0df
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7E0bold
entity.other.inherited-class#99E967
entity.name.tag, punctuation.definition.tag#ECC979
entity.other.attribute-name#99E967
meta.diff, meta.diff.header#d7c89d
markup.deleted#F1D283
markup.inserted#99E967
markup.changed#55E7E0
markup.heading, markup.heading.setext, punctuation.definition.heading#99E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7E0
string.other.link.title, string.other.link.description#99E967
markup.underline.link#d7c89dunderline
punctuation.definition.list#ECC979
markup.quote, punctuation.definition.quote#d7c89ditalic