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#121212
  • activityBarBadge.background#808080
  • editor.background#121212
  • editor.foreground#e0e0e0
  • sideBar.background#1c1c1c
  • sideBar.foreground#d4d4d4
  • sideBarTitle.foreground#ffffff
  • tab.activeBackground#000000
  • tab.activeForeground#ffffff
  • tab.inactiveBackground#2c2c2c
  • tab.inactiveForeground#a0a0a0
  • titleBar.activeBackground#121212

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5c5c5citalic
variable, string constant.other.placeholder#a0a0a0
constant.other.color#e0e0e0
invalid, invalid.illegal#8c8c8c
keyword, storage.type, storage.modifier#b0b0b0
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#d0d0d0
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#909090
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#c0c0c0
variable.parameter#b0b0b0
meta.block variable.other#9c9c9c
support.other.variable, string.other.link#888888
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#acacac
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#959595
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#bababa
support.type#a5a5a5
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#a0a0a0
entity.other.attribute-name#b5b5b5
text.html.markdown, punctuation.definition.list_item.markdown#e0e0e0
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#c0c0c0