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#050B08
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C967
  • activityBar.inactiveForeground#FFF7EC60
  • activityBarBadge.background#E9C967
  • activityBarBadge.foreground#050B08
  • button.background#E9C967
  • button.foreground#050B08
  • button.hoverBackground#E9C967dd
  • editor.background#050B08
  • editor.foreground#FFF7EC
  • editor.inactiveSelectionBackground#79EC9C3580
  • editor.lineHighlightBackground#20231F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC9C35
  • editorCursor.foreground#E9C967
  • editorGroupHeader.tabsBackground#050B08dd
  • editorLineNumber.activeForeground#E9C967
  • editorLineNumber.foreground#EAF4EF80
  • focusBorder#E9C967
  • foreground#FFF7EC
  • input.background#20231F
  • input.border#ffffff15
  • input.foreground#FFF7EC
  • input.placeholderForeground#FFF7EC60
  • list.activeSelectionBackground#E9C96730
  • list.activeSelectionForeground#FFF7EC
  • list.highlightForeground#E9C967
  • list.hoverBackground#20231F40
  • list.hoverForeground#FFF7EC
  • list.inactiveSelectionBackground#E9C96715
  • list.inactiveSelectionForeground#FFF7EC
  • selection.background#79EC9C35
  • sideBar.background#20231F
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7EC
  • sideBarSectionHeader.background#050B0880
  • sideBarSectionHeader.foreground#FFF7EC
  • sideBarTitle.foreground#E9C967
  • statusBar.background#050B08
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7EC
  • statusBar.noFolderBackground#050B08
  • tab.activeBackground#050B08
  • tab.activeBorderTop#E9C967
  • tab.activeForeground#FFF7EC
  • tab.border#ffffff15
  • tab.inactiveBackground#20231F60
  • tab.inactiveForeground#FFF7EC80
  • terminal.ansiBlack#050B08
  • terminal.ansiBlue#79EC9C
  • terminal.ansiCyan#E75577
  • terminal.ansiGreen#E9C967
  • terminal.ansiMagenta#F183A4
  • terminal.ansiRed#F183A4
  • terminal.ansiWhite#FFF7EC
  • terminal.ansiYellow#E75577
  • terminal.background#050B08
  • terminal.foreground#FFF7EC
  • titleBar.activeBackground#050B08
  • titleBar.activeForeground#FFF7EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#050B08
  • titleBar.inactiveForeground#FFF7EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EAF4EFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC9Cbold
storage.type, storage.modifier#79EC9Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C967
string, punctuation.definition.string, string.template, meta.template.expression#E75577
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F183A4
variable, variable.other.readwrite, variable.other.object#FFF7EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7EC
variable.parameter, meta.parameter#FFF7ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7EC80
keyword.operator#FFF7EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E75577bold
entity.other.inherited-class#E9C967
entity.name.tag, punctuation.definition.tag#79EC9C
entity.other.attribute-name#E9C967
meta.diff, meta.diff.header#EAF4EF
markup.deleted#F183A4
markup.inserted#E9C967
markup.changed#E75577
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E75577
string.other.link.title, string.other.link.description#E9C967
markup.underline.link#EAF4EFunderline
punctuation.definition.list#79EC9C
markup.quote, punctuation.definition.quote#EAF4EFitalic