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#30231C
  • activityBar.border#ffffff15
  • activityBar.foreground#E99967
  • activityBar.inactiveForeground#f7f0df60
  • activityBarBadge.background#E99967
  • activityBarBadge.foreground#30231C
  • button.background#E99967
  • button.foreground#30231C
  • button.hoverBackground#E99967dd
  • editor.background#30231C
  • editor.foreground#f7f0df
  • editor.inactiveSelectionBackground#79BAEC3580
  • editor.lineHighlightBackground#1B171340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79BAEC35
  • editorCursor.foreground#E99967
  • editorGroupHeader.tabsBackground#30231Cdd
  • editorLineNumber.activeForeground#E99967
  • editorLineNumber.foreground#49606f80
  • focusBorder#E99967
  • foreground#f7f0df
  • input.background#1B1713
  • input.border#ffffff15
  • input.foreground#f7f0df
  • input.placeholderForeground#f7f0df60
  • list.activeSelectionBackground#E9996730
  • list.activeSelectionForeground#f7f0df
  • list.highlightForeground#E99967
  • list.hoverBackground#1B171340
  • list.hoverForeground#f7f0df
  • list.inactiveSelectionBackground#E9996715
  • list.inactiveSelectionForeground#f7f0df
  • selection.background#79BAEC35
  • sideBar.background#1B1713
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f0df
  • sideBarSectionHeader.background#30231C80
  • sideBarSectionHeader.foreground#f7f0df
  • sideBarTitle.foreground#E99967
  • statusBar.background#30231C
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f0df
  • statusBar.noFolderBackground#30231C
  • tab.activeBackground#30231C
  • tab.activeBorderTop#E99967
  • tab.activeForeground#f7f0df
  • tab.border#ffffff15
  • tab.inactiveBackground#1B171360
  • tab.inactiveForeground#f7f0df80
  • terminal.ansiBlack#30231C
  • terminal.ansiBlue#79BAEC
  • terminal.ansiCyan#E7B155
  • terminal.ansiGreen#E99967
  • terminal.ansiMagenta#F1BA83
  • terminal.ansiRed#F1BA83
  • terminal.ansiWhite#f7f0df
  • terminal.ansiYellow#E7B155
  • terminal.background#30231C
  • terminal.foreground#f7f0df
  • titleBar.activeBackground#30231C
  • titleBar.activeForeground#f7f0df
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#30231C
  • titleBar.inactiveForeground#f7f0df60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#49606fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79BAECbold
storage.type, storage.modifier#79BAECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99967
string, punctuation.definition.string, string.template, meta.template.expression#E7B155
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BA83
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#E7B155bold
entity.other.inherited-class#E99967
entity.name.tag, punctuation.definition.tag#79BAEC
entity.other.attribute-name#E99967
meta.diff, meta.diff.header#49606f
markup.deleted#F1BA83
markup.inserted#E99967
markup.changed#E7B155
markup.heading, markup.heading.setext, punctuation.definition.heading#E99967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B155
string.other.link.title, string.other.link.description#E99967
markup.underline.link#49606funderline
punctuation.definition.list#79BAEC
markup.quote, punctuation.definition.quote#49606fitalic