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#00A3E0
  • editor.background#2E3C43
  • editor.foreground#D3E1E8
  • sideBarTitle.foreground#B0BEC5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#78909Citalic
variable, string constant.other.placeholder#C3DDF9
constant.other.color#FFFFFF
invalid, invalid.illegal#FF6F61
keyword, storage.type, storage.modifier#D0A8FF
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#81D4FA
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#E57373
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#8CCFFF
meta.block variable.other#E57373
support.other.variable, string.other.link#E57373
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#F9AA8F
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#A3E4A1
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#FFCB7A
support.type#AABCCB
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#AABCCB
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF8A80
variable.language#FF8A80italic
entity.name.method.js#8CCFFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#8CCFFF
entity.other.attribute-name#D0A8FF
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB7Aitalic
entity.other.attribute-name.class#FFCB7A
source.sass keyword.control#FFCB7Aitalic
EaseEye by AdrianoXavier - VS Code Theme