Skip to main content
Coding Theme

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#ff4081
  • editor.background#fdf0f6
  • editor.foreground#262626
  • sideBarTitle.foreground#fafafa

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8e8e8eitalic
variable, string constant.other.placeholder#ff4081
constant.other.color#ffffff
invalid, invalid.illegal#e57373
keyword, storage.type, storage.modifier#b39ddb
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#ff80ab
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ba68c8
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#64b5f6
meta.block variable.other#ba68c8
support.other.variable, string.other.link#ba68c8
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ff8a65
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading#ffb74d
support.type, support.class, support.other.namespace.use.php, meta.use.php, entity.name.type, entity.name.namespace#4dd0e1
meta.toc-list, storage.type#80cbc4
source.css support.type.property-name, source.css support.type.property-value, source.sass support.type.property-name, source.sass support.type.property-value, source.scss support.type.property-name, source.scss support.type.property-value#4dd0e1
Barbie World by AlaaShaban - VS Code Theme