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.

  • editor.background#f5f5f5
  • editor.foreground#333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source meta.tag, source source.css, source meta.embedded.block#2F74D0
source meta.tag meta.embedded.expression#333
comment, punctuation.definition.comment#ababab
comment.line.documentation, comment.block.documentation, comment.block.documentation punctuation.definition.comment#62A9FF
keyword.control.export#fcb4ec
invalid.illegal#FF4848
constant.language, support.constant, constant.numeric, constant.character, string#7451FF
source.js source.css constant.numeric, source.js source.css constant.character, source.js source.css constant, source.js source.css string, source.js source.css constant.language, source.js source.css support.constant#7451FF
entity.name.function, entity.name.type, support.function, entity.other.inherited-class, support.class
meta.function-call entity.name.function, meta.function-call support.function, support.class.componentbold
constant.character.escape#8668FF
meta.template.expression#333
source.css entity.other.attribute-namebold
Sparkl by sparkl - VS Code Theme