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#0C0E07
  • activityBar.border#ffffff15
  • activityBar.foreground#C7E967
  • activityBar.inactiveForeground#FAF7EF60
  • activityBarBadge.background#C7E967
  • activityBarBadge.foreground#0C0E07
  • button.background#C7E967
  • button.foreground#0C0E07
  • button.hoverBackground#C7E967dd
  • editor.background#0C0E07
  • editor.foreground#FAF7EF
  • editor.inactiveSelectionBackground#ECB6793580
  • editor.lineHighlightBackground#23271740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB67935
  • editorCursor.foreground#C7E967
  • editorGroupHeader.tabsBackground#0C0E07dd
  • editorLineNumber.activeForeground#C7E967
  • editorLineNumber.foreground#DCC69A80
  • focusBorder#C7E967
  • foreground#FAF7EF
  • input.background#232717
  • input.border#ffffff15
  • input.foreground#FAF7EF
  • input.placeholderForeground#FAF7EF60
  • list.activeSelectionBackground#C7E96730
  • list.activeSelectionForeground#FAF7EF
  • list.highlightForeground#C7E967
  • list.hoverBackground#23271740
  • list.hoverForeground#FAF7EF
  • list.inactiveSelectionBackground#C7E96715
  • list.inactiveSelectionForeground#FAF7EF
  • selection.background#ECB67935
  • sideBar.background#232717
  • sideBar.border#ffffff15
  • sideBar.foreground#FAF7EF
  • sideBarSectionHeader.background#0C0E0780
  • sideBarSectionHeader.foreground#FAF7EF
  • sideBarTitle.foreground#C7E967
  • statusBar.background#0C0E07
  • statusBar.border#ffffff15
  • statusBar.foreground#FAF7EF
  • statusBar.noFolderBackground#0C0E07
  • tab.activeBackground#0C0E07
  • tab.activeBorderTop#C7E967
  • tab.activeForeground#FAF7EF
  • tab.border#ffffff15
  • tab.inactiveBackground#23271760
  • tab.inactiveForeground#FAF7EF80
  • terminal.ansiBlack#0C0E07
  • terminal.ansiBlue#ECB679
  • terminal.ansiCyan#E7B455
  • terminal.ansiGreen#C7E967
  • terminal.ansiMagenta#F1BE83
  • terminal.ansiRed#F1BE83
  • terminal.ansiWhite#FAF7EF
  • terminal.ansiYellow#E7B455
  • terminal.background#0C0E07
  • terminal.foreground#FAF7EF
  • titleBar.activeBackground#0C0E07
  • titleBar.activeForeground#FAF7EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0C0E07
  • titleBar.inactiveForeground#FAF7EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCC69Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB679bold
storage.type, storage.modifier#ECB679italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C7E967
string, punctuation.definition.string, string.template, meta.template.expression#E7B455
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BE83
variable, variable.other.readwrite, variable.other.object#FAF7EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAF7EF
variable.parameter, meta.parameter#FAF7EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAF7EF80
keyword.operator#FAF7EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B455bold
entity.other.inherited-class#C7E967
entity.name.tag, punctuation.definition.tag#ECB679
entity.other.attribute-name#C7E967
meta.diff, meta.diff.header#DCC69A
markup.deleted#F1BE83
markup.inserted#C7E967
markup.changed#E7B455
markup.heading, markup.heading.setext, punctuation.definition.heading#C7E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B455
string.other.link.title, string.other.link.description#C7E967
markup.underline.link#DCC69Aunderline
punctuation.definition.list#ECB679
markup.quote, punctuation.definition.quote#DCC69Aitalic