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#081721
  • activityBar.border#ffffff15
  • activityBar.foreground#67E97D
  • activityBar.inactiveForeground#FFFDF660
  • activityBarBadge.background#67E97D
  • activityBarBadge.foreground#081721
  • button.background#67E97D
  • button.foreground#081721
  • button.hoverBackground#67E97Ddd
  • editor.background#081721
  • editor.foreground#FFFDF6
  • editor.inactiveSelectionBackground#ECC8793580
  • editor.lineHighlightBackground#04091040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC87935
  • editorCursor.foreground#67E97D
  • editorGroupHeader.tabsBackground#081721dd
  • editorLineNumber.activeForeground#67E97D
  • editorLineNumber.foreground#F4F6FA80
  • focusBorder#67E97D
  • foreground#FFFDF6
  • input.background#040910
  • input.border#ffffff15
  • input.foreground#FFFDF6
  • input.placeholderForeground#FFFDF660
  • list.activeSelectionBackground#67E97D30
  • list.activeSelectionForeground#FFFDF6
  • list.highlightForeground#67E97D
  • list.hoverBackground#04091040
  • list.hoverForeground#FFFDF6
  • list.inactiveSelectionBackground#67E97D15
  • list.inactiveSelectionForeground#FFFDF6
  • selection.background#ECC87935
  • sideBar.background#040910
  • sideBar.border#ffffff15
  • sideBar.foreground#FFFDF6
  • sideBarSectionHeader.background#08172180
  • sideBarSectionHeader.foreground#FFFDF6
  • sideBarTitle.foreground#67E97D
  • statusBar.background#081721
  • statusBar.border#ffffff15
  • statusBar.foreground#FFFDF6
  • statusBar.noFolderBackground#081721
  • tab.activeBackground#081721
  • tab.activeBorderTop#67E97D
  • tab.activeForeground#FFFDF6
  • tab.border#ffffff15
  • tab.inactiveBackground#04091060
  • tab.inactiveForeground#FFFDF680
  • terminal.ansiBlack#081721
  • terminal.ansiBlue#ECC879
  • terminal.ansiCyan#558BE7
  • terminal.ansiGreen#67E97D
  • terminal.ansiMagenta#F1CE83
  • terminal.ansiRed#F1CE83
  • terminal.ansiWhite#FFFDF6
  • terminal.ansiYellow#558BE7
  • terminal.background#081721
  • terminal.foreground#FFFDF6
  • titleBar.activeBackground#081721
  • titleBar.activeForeground#FFFDF6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#081721
  • titleBar.inactiveForeground#FFFDF660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F4F6FAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC879bold
storage.type, storage.modifier#ECC879italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E97D
string, punctuation.definition.string, string.template, meta.template.expression#558BE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CE83
variable, variable.other.readwrite, variable.other.object#FFFDF6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFFDF6
variable.parameter, meta.parameter#FFFDF6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFFDF680
keyword.operator#FFFDF6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#558BE7bold
entity.other.inherited-class#67E97D
entity.name.tag, punctuation.definition.tag#ECC879
entity.other.attribute-name#67E97D
meta.diff, meta.diff.header#F4F6FA
markup.deleted#F1CE83
markup.inserted#67E97D
markup.changed#558BE7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E97Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#558BE7
string.other.link.title, string.other.link.description#67E97D
markup.underline.link#F4F6FAunderline
punctuation.definition.list#ECC879
markup.quote, punctuation.definition.quote#F4F6FAitalic