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#27211C
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A867
  • activityBar.inactiveForeground#F4F1E860
  • activityBarBadge.background#E9A867
  • activityBarBadge.foreground#27211C
  • button.background#E9A867
  • button.foreground#27211C
  • button.hoverBackground#E9A867dd
  • editor.background#27211C
  • editor.foreground#F4F1E8
  • editor.inactiveSelectionBackground#BCEC793580
  • editor.lineHighlightBackground#1A171440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BCEC7935
  • editorCursor.foreground#E9A867
  • editorGroupHeader.tabsBackground#27211Cdd
  • editorLineNumber.activeForeground#E9A867
  • editorLineNumber.foreground#A99D9080
  • focusBorder#E9A867
  • foreground#F4F1E8
  • input.background#1A1714
  • input.border#ffffff15
  • input.foreground#F4F1E8
  • input.placeholderForeground#F4F1E860
  • list.activeSelectionBackground#E9A86730
  • list.activeSelectionForeground#F4F1E8
  • list.highlightForeground#E9A867
  • list.hoverBackground#1A171440
  • list.hoverForeground#F4F1E8
  • list.inactiveSelectionBackground#E9A86715
  • list.inactiveSelectionForeground#F4F1E8
  • selection.background#BCEC7935
  • sideBar.background#1A1714
  • sideBar.border#ffffff15
  • sideBar.foreground#F4F1E8
  • sideBarSectionHeader.background#27211C80
  • sideBarSectionHeader.foreground#F4F1E8
  • sideBarTitle.foreground#E9A867
  • statusBar.background#27211C
  • statusBar.border#ffffff15
  • statusBar.foreground#F4F1E8
  • statusBar.noFolderBackground#27211C
  • tab.activeBackground#27211C
  • tab.activeBorderTop#E9A867
  • tab.activeForeground#F4F1E8
  • tab.border#ffffff15
  • tab.inactiveBackground#1A171460
  • tab.inactiveForeground#F4F1E880
  • terminal.ansiBlack#27211C
  • terminal.ansiBlue#BCEC79
  • terminal.ansiCyan#B955E7
  • terminal.ansiGreen#E9A867
  • terminal.ansiMagenta#F1CD83
  • terminal.ansiRed#F1CD83
  • terminal.ansiWhite#F4F1E8
  • terminal.ansiYellow#B955E7
  • terminal.background#27211C
  • terminal.foreground#F4F1E8
  • titleBar.activeBackground#27211C
  • titleBar.activeForeground#F4F1E8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#27211C
  • titleBar.inactiveForeground#F4F1E860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A99D90italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BCEC79bold
storage.type, storage.modifier#BCEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A867
string, punctuation.definition.string, string.template, meta.template.expression#B955E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CD83
variable, variable.other.readwrite, variable.other.object#F4F1E8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4F1E8
variable.parameter, meta.parameter#F4F1E8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4F1E880
keyword.operator#F4F1E8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B955E7bold
entity.other.inherited-class#E9A867
entity.name.tag, punctuation.definition.tag#BCEC79
entity.other.attribute-name#E9A867
meta.diff, meta.diff.header#A99D90
markup.deleted#F1CD83
markup.inserted#E9A867
markup.changed#B955E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A867bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B955E7
string.other.link.title, string.other.link.description#E9A867
markup.underline.link#A99D90underline
punctuation.definition.list#BCEC79
markup.quote, punctuation.definition.quote#A99D90italic