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#0D0F11
  • activityBar.border#ffffff15
  • activityBar.foreground#88E967
  • activityBar.inactiveForeground#FBF6F060
  • activityBarBadge.background#88E967
  • activityBarBadge.foreground#0D0F11
  • button.background#88E967
  • button.foreground#0D0F11
  • button.hoverBackground#88E967dd
  • editor.background#0D0F11
  • editor.foreground#FBF6F0
  • editor.inactiveSelectionBackground#92EC793580
  • editor.lineHighlightBackground#20242740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#92EC7935
  • editorCursor.foreground#88E967
  • editorGroupHeader.tabsBackground#0D0F11dd
  • editorLineNumber.activeForeground#88E967
  • editorLineNumber.foreground#EADFC680
  • focusBorder#88E967
  • foreground#FBF6F0
  • input.background#202427
  • input.border#ffffff15
  • input.foreground#FBF6F0
  • input.placeholderForeground#FBF6F060
  • list.activeSelectionBackground#88E96730
  • list.activeSelectionForeground#FBF6F0
  • list.highlightForeground#88E967
  • list.hoverBackground#20242740
  • list.hoverForeground#FBF6F0
  • list.inactiveSelectionBackground#88E96715
  • list.inactiveSelectionForeground#FBF6F0
  • selection.background#92EC7935
  • sideBar.background#202427
  • sideBar.border#ffffff15
  • sideBar.foreground#FBF6F0
  • sideBarSectionHeader.background#0D0F1180
  • sideBarSectionHeader.foreground#FBF6F0
  • sideBarTitle.foreground#88E967
  • statusBar.background#0D0F11
  • statusBar.border#ffffff15
  • statusBar.foreground#FBF6F0
  • statusBar.noFolderBackground#0D0F11
  • tab.activeBackground#0D0F11
  • tab.activeBorderTop#88E967
  • tab.activeForeground#FBF6F0
  • tab.border#ffffff15
  • tab.inactiveBackground#20242760
  • tab.inactiveForeground#FBF6F080
  • terminal.ansiBlack#0D0F11
  • terminal.ansiBlue#92EC79
  • terminal.ansiCyan#55A5E7
  • terminal.ansiGreen#88E967
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#FBF6F0
  • terminal.ansiYellow#55A5E7
  • terminal.background#0D0F11
  • terminal.foreground#FBF6F0
  • titleBar.activeBackground#0D0F11
  • titleBar.activeForeground#FBF6F0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0D0F11
  • titleBar.inactiveForeground#FBF6F060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EADFC6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#92EC79bold
storage.type, storage.modifier#92EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#88E967
string, punctuation.definition.string, string.template, meta.template.expression#55A5E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#FBF6F0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FBF6F0
variable.parameter, meta.parameter#FBF6F0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FBF6F080
keyword.operator#FBF6F0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55A5E7bold
entity.other.inherited-class#88E967
entity.name.tag, punctuation.definition.tag#92EC79
entity.other.attribute-name#88E967
meta.diff, meta.diff.header#EADFC6
markup.deleted#F1D683
markup.inserted#88E967
markup.changed#55A5E7
markup.heading, markup.heading.setext, punctuation.definition.heading#88E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55A5E7
string.other.link.title, string.other.link.description#88E967
markup.underline.link#EADFC6underline
punctuation.definition.list#92EC79
markup.quote, punctuation.definition.quote#EADFC6italic