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#181F21
  • activityBar.border#ffffff15
  • activityBar.foreground#95E967
  • activityBar.inactiveForeground#F6F2EE60
  • activityBarBadge.background#95E967
  • activityBarBadge.foreground#181F21
  • button.background#95E967
  • button.foreground#181F21
  • button.hoverBackground#95E967dd
  • editor.background#181F21
  • editor.foreground#F6F2EE
  • editor.inactiveSelectionBackground#ECD5793580
  • editor.lineHighlightBackground#322F2940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECD57935
  • editorCursor.foreground#95E967
  • editorGroupHeader.tabsBackground#181F21dd
  • editorLineNumber.activeForeground#95E967
  • editorLineNumber.foreground#B9B3A580
  • focusBorder#95E967
  • foreground#F6F2EE
  • input.background#322F29
  • input.border#ffffff15
  • input.foreground#F6F2EE
  • input.placeholderForeground#F6F2EE60
  • list.activeSelectionBackground#95E96730
  • list.activeSelectionForeground#F6F2EE
  • list.highlightForeground#95E967
  • list.hoverBackground#322F2940
  • list.hoverForeground#F6F2EE
  • list.inactiveSelectionBackground#95E96715
  • list.inactiveSelectionForeground#F6F2EE
  • selection.background#ECD57935
  • sideBar.background#322F29
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F2EE
  • sideBarSectionHeader.background#181F2180
  • sideBarSectionHeader.foreground#F6F2EE
  • sideBarTitle.foreground#95E967
  • statusBar.background#181F21
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F2EE
  • statusBar.noFolderBackground#181F21
  • tab.activeBackground#181F21
  • tab.activeBorderTop#95E967
  • tab.activeForeground#F6F2EE
  • tab.border#ffffff15
  • tab.inactiveBackground#322F2960
  • tab.inactiveForeground#F6F2EE80
  • terminal.ansiBlack#181F21
  • terminal.ansiBlue#ECD579
  • terminal.ansiCyan#E7AF55
  • terminal.ansiGreen#95E967
  • terminal.ansiMagenta#83F1D8
  • terminal.ansiRed#83F1D8
  • terminal.ansiWhite#F6F2EE
  • terminal.ansiYellow#E7AF55
  • terminal.background#181F21
  • terminal.foreground#F6F2EE
  • titleBar.activeBackground#181F21
  • titleBar.activeForeground#F6F2EE
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#181F21
  • titleBar.inactiveForeground#F6F2EE60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B9B3A5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECD579bold
storage.type, storage.modifier#ECD579italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#95E967
string, punctuation.definition.string, string.template, meta.template.expression#E7AF55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1D8
variable, variable.other.readwrite, variable.other.object#F6F2EE
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6F2EE
variable.parameter, meta.parameter#F6F2EEdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6F2EE80
keyword.operator#F6F2EE
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AF55bold
entity.other.inherited-class#95E967
entity.name.tag, punctuation.definition.tag#ECD579
entity.other.attribute-name#95E967
meta.diff, meta.diff.header#B9B3A5
markup.deleted#83F1D8
markup.inserted#95E967
markup.changed#E7AF55
markup.heading, markup.heading.setext, punctuation.definition.heading#95E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AF55
string.other.link.title, string.other.link.description#95E967
markup.underline.link#B9B3A5underline
punctuation.definition.list#ECD579
markup.quote, punctuation.definition.quote#B9B3A5italic