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#746863
  • activityBar.border#ffffff15
  • activityBar.foreground#8AE967
  • activityBar.inactiveForeground#fafaf960
  • activityBarBadge.background#8AE967
  • activityBarBadge.foreground#746863
  • button.background#8AE967
  • button.foreground#746863
  • button.hoverBackground#8AE967dd
  • editor.background#746863
  • editor.foreground#fafaf9
  • editor.inactiveSelectionBackground#94EC793580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#94EC7935
  • editorCursor.foreground#8AE967
  • editorGroupHeader.tabsBackground#746863dd
  • editorLineNumber.activeForeground#8AE967
  • editorLineNumber.foreground#8e888380
  • focusBorder#8AE967
  • foreground#fafaf9
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#fafaf9
  • input.placeholderForeground#fafaf960
  • list.activeSelectionBackground#8AE96730
  • list.activeSelectionForeground#fafaf9
  • list.highlightForeground#8AE967
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#fafaf9
  • list.inactiveSelectionBackground#8AE96715
  • list.inactiveSelectionForeground#fafaf9
  • selection.background#94EC7935
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#fafaf9
  • sideBarSectionHeader.background#74686380
  • sideBarSectionHeader.foreground#fafaf9
  • sideBarTitle.foreground#8AE967
  • statusBar.background#746863
  • statusBar.border#ffffff15
  • statusBar.foreground#fafaf9
  • statusBar.noFolderBackground#746863
  • tab.activeBackground#746863
  • tab.activeBorderTop#8AE967
  • tab.activeForeground#fafaf9
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#fafaf980
  • terminal.ansiBlack#746863
  • terminal.ansiBlue#94EC79
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#8AE967
  • terminal.ansiMagenta#F1CD83
  • terminal.ansiRed#F1CD83
  • terminal.ansiWhite#fafaf9
  • terminal.ansiYellow#E7BB55
  • terminal.background#746863
  • terminal.foreground#fafaf9
  • titleBar.activeBackground#746863
  • titleBar.activeForeground#fafaf9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#746863
  • titleBar.inactiveForeground#fafaf960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8e8883italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#94EC79bold
storage.type, storage.modifier#94EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8AE967
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CD83
variable, variable.other.readwrite, variable.other.object#fafaf9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fafaf9
variable.parameter, meta.parameter#fafaf9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fafaf980
keyword.operator#fafaf9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BB55bold
entity.other.inherited-class#8AE967
entity.name.tag, punctuation.definition.tag#94EC79
entity.other.attribute-name#8AE967
meta.diff, meta.diff.header#8e8883
markup.deleted#F1CD83
markup.inserted#8AE967
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#8AE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#8AE967
markup.underline.link#8e8883underline
punctuation.definition.list#94EC79
markup.quote, punctuation.definition.quote#8e8883italic