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.

  • activityBarBadge.background#007ACC
  • editor.background#FAFAFA
  • editor.foreground#37474F
  • sideBarTitle.foreground#546E7A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#78909Citalic
variable, string constant.other.placeholder#0D47A1
constant.other.color#37474F
invalid, invalid.illegal#D32F2F
keyword, storage.type, storage.modifier#6A1B9A
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#1E88E5
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#D32F2F
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#0277BD
meta.block variable.other#D32F2F
support.other.variable, string.other.link#D32F2F
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#E64A19
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#388E3C
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#FBC02D
support.type#37474F
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#37474F
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#E64A19
variable.language#E64A19italic
entity.name.method.js#0277BDitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#0277BD
entity.other.attribute-name#6A1B9A
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FBC02Ditalic
entity.other.attribute-name.class#FBC02D
source.sass keyword.control#FBC02Ditalic