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#060604
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C467
  • activityBar.inactiveForeground#faf7f060
  • activityBarBadge.background#E9C467
  • activityBarBadge.foreground#060604
  • button.background#E9C467
  • button.foreground#060604
  • button.hoverBackground#E9C467dd
  • editor.background#060604
  • editor.foreground#faf7f0
  • editor.inactiveSelectionBackground#ECCB793580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECCB7935
  • editorCursor.foreground#E9C467
  • editorGroupHeader.tabsBackground#060604dd
  • editorLineNumber.activeForeground#E9C467
  • editorLineNumber.foreground#b99a6380
  • focusBorder#E9C467
  • foreground#faf7f0
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#faf7f0
  • input.placeholderForeground#faf7f060
  • list.activeSelectionBackground#E9C46730
  • list.activeSelectionForeground#faf7f0
  • list.highlightForeground#E9C467
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#faf7f0
  • list.inactiveSelectionBackground#E9C46715
  • list.inactiveSelectionForeground#faf7f0
  • selection.background#ECCB7935
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#faf7f0
  • sideBarSectionHeader.background#06060480
  • sideBarSectionHeader.foreground#faf7f0
  • sideBarTitle.foreground#E9C467
  • statusBar.background#060604
  • statusBar.border#ffffff15
  • statusBar.foreground#faf7f0
  • statusBar.noFolderBackground#060604
  • tab.activeBackground#060604
  • tab.activeBorderTop#E9C467
  • tab.activeForeground#faf7f0
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#faf7f080
  • terminal.ansiBlack#060604
  • terminal.ansiBlue#ECCB79
  • terminal.ansiCyan#55E75F
  • terminal.ansiGreen#E9C467
  • terminal.ansiMagenta#F1BC83
  • terminal.ansiRed#F1BC83
  • terminal.ansiWhite#faf7f0
  • terminal.ansiYellow#55E75F
  • terminal.background#060604
  • terminal.foreground#faf7f0
  • titleBar.activeBackground#060604
  • titleBar.activeForeground#faf7f0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#060604
  • titleBar.inactiveForeground#faf7f060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b99a63italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECCB79bold
storage.type, storage.modifier#ECCB79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C467
string, punctuation.definition.string, string.template, meta.template.expression#55E75F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BC83
variable, variable.other.readwrite, variable.other.object#faf7f0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#faf7f0
variable.parameter, meta.parameter#faf7f0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#faf7f080
keyword.operator#faf7f0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E75Fbold
entity.other.inherited-class#E9C467
entity.name.tag, punctuation.definition.tag#ECCB79
entity.other.attribute-name#E9C467
meta.diff, meta.diff.header#b99a63
markup.deleted#F1BC83
markup.inserted#E9C467
markup.changed#55E75F
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C467bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E75F
string.other.link.title, string.other.link.description#E9C467
markup.underline.link#b99a63underline
punctuation.definition.list#ECCB79
markup.quote, punctuation.definition.quote#b99a63italic