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#070504
  • activityBar.border#ffffff15
  • activityBar.foreground#E99D67
  • activityBar.inactiveForeground#F7F0DF60
  • activityBarBadge.background#E99D67
  • activityBarBadge.foreground#070504
  • button.background#E99D67
  • button.foreground#070504
  • button.hoverBackground#E99D67dd
  • editor.background#070504
  • editor.foreground#F7F0DF
  • editor.inactiveSelectionBackground#79ECD13580
  • editor.lineHighlightBackground#140F0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECD135
  • editorCursor.foreground#E99D67
  • editorGroupHeader.tabsBackground#070504dd
  • editorLineNumber.activeForeground#E99D67
  • editorLineNumber.foreground#D8C59A80
  • focusBorder#E99D67
  • foreground#F7F0DF
  • input.background#140F0B
  • input.border#ffffff15
  • input.foreground#F7F0DF
  • input.placeholderForeground#F7F0DF60
  • list.activeSelectionBackground#E99D6730
  • list.activeSelectionForeground#F7F0DF
  • list.highlightForeground#E99D67
  • list.hoverBackground#140F0B40
  • list.hoverForeground#F7F0DF
  • list.inactiveSelectionBackground#E99D6715
  • list.inactiveSelectionForeground#F7F0DF
  • selection.background#79ECD135
  • sideBar.background#140F0B
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F0DF
  • sideBarSectionHeader.background#07050480
  • sideBarSectionHeader.foreground#F7F0DF
  • sideBarTitle.foreground#E99D67
  • statusBar.background#070504
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F0DF
  • statusBar.noFolderBackground#070504
  • tab.activeBackground#070504
  • tab.activeBorderTop#E99D67
  • tab.activeForeground#F7F0DF
  • tab.border#ffffff15
  • tab.inactiveBackground#140F0B60
  • tab.inactiveForeground#F7F0DF80
  • terminal.ansiBlack#070504
  • terminal.ansiBlue#79ECD1
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#E99D67
  • terminal.ansiMagenta#F18A83
  • terminal.ansiRed#F18A83
  • terminal.ansiWhite#F7F0DF
  • terminal.ansiYellow#E7B655
  • terminal.background#070504
  • terminal.foreground#F7F0DF
  • titleBar.activeBackground#070504
  • titleBar.activeForeground#F7F0DF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#070504
  • titleBar.inactiveForeground#F7F0DF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8C59Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECD1bold
storage.type, storage.modifier#79ECD1italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99D67
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18A83
variable, variable.other.readwrite, variable.other.object#F7F0DF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F0DF
variable.parameter, meta.parameter#F7F0DFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F0DF80
keyword.operator#F7F0DF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#E99D67
entity.name.tag, punctuation.definition.tag#79ECD1
entity.other.attribute-name#E99D67
meta.diff, meta.diff.header#D8C59A
markup.deleted#F18A83
markup.inserted#E99D67
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#E99D67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#E99D67
markup.underline.link#D8C59Aunderline
punctuation.definition.list#79ECD1
markup.quote, punctuation.definition.quote#D8C59Aitalic