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#171512
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C267
  • activityBar.inactiveForeground#F7F1E660
  • activityBarBadge.background#E9C267
  • activityBarBadge.foreground#171512
  • button.background#E9C267
  • button.foreground#171512
  • button.hoverBackground#E9C267dd
  • editor.background#171512
  • editor.foreground#F7F1E6
  • editor.inactiveSelectionBackground#79B8EC3580
  • editor.lineHighlightBackground#0C0B0840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B8EC35
  • editorCursor.foreground#E9C267
  • editorGroupHeader.tabsBackground#171512dd
  • editorLineNumber.activeForeground#E9C267
  • editorLineNumber.foreground#7D612880
  • focusBorder#E9C267
  • foreground#F7F1E6
  • input.background#0C0B08
  • input.border#ffffff15
  • input.foreground#F7F1E6
  • input.placeholderForeground#F7F1E660
  • list.activeSelectionBackground#E9C26730
  • list.activeSelectionForeground#F7F1E6
  • list.highlightForeground#E9C267
  • list.hoverBackground#0C0B0840
  • list.hoverForeground#F7F1E6
  • list.inactiveSelectionBackground#E9C26715
  • list.inactiveSelectionForeground#F7F1E6
  • selection.background#79B8EC35
  • sideBar.background#0C0B08
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F1E6
  • sideBarSectionHeader.background#17151280
  • sideBarSectionHeader.foreground#F7F1E6
  • sideBarTitle.foreground#E9C267
  • statusBar.background#171512
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F1E6
  • statusBar.noFolderBackground#171512
  • tab.activeBackground#171512
  • tab.activeBorderTop#E9C267
  • tab.activeForeground#F7F1E6
  • tab.border#ffffff15
  • tab.inactiveBackground#0C0B0860
  • tab.inactiveForeground#F7F1E680
  • terminal.ansiBlack#171512
  • terminal.ansiBlue#79B8EC
  • terminal.ansiCyan#E7C055
  • terminal.ansiGreen#E9C267
  • terminal.ansiMagenta#F1B883
  • terminal.ansiRed#F1B883
  • terminal.ansiWhite#F7F1E6
  • terminal.ansiYellow#E7C055
  • terminal.background#171512
  • terminal.foreground#F7F1E6
  • titleBar.activeBackground#171512
  • titleBar.activeForeground#F7F1E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#171512
  • titleBar.inactiveForeground#F7F1E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7D6128italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B8ECbold
storage.type, storage.modifier#79B8ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C267
string, punctuation.definition.string, string.template, meta.template.expression#E7C055
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B883
variable, variable.other.readwrite, variable.other.object#F7F1E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F1E6
variable.parameter, meta.parameter#F7F1E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F1E680
keyword.operator#F7F1E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C055bold
entity.other.inherited-class#E9C267
entity.name.tag, punctuation.definition.tag#79B8EC
entity.other.attribute-name#E9C267
meta.diff, meta.diff.header#7D6128
markup.deleted#F1B883
markup.inserted#E9C267
markup.changed#E7C055
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C267bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C055
string.other.link.title, string.other.link.description#E9C267
markup.underline.link#7D6128underline
punctuation.definition.list#79B8EC
markup.quote, punctuation.definition.quote#7D6128italic