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#1f9170
  • editor.background#263238
  • editor.foreground#eeffff
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#65c9c9italic
variable, string constant.other.placeholder#4f9b87
constant.other.color#87bd63
invalid, invalid.illegal#FF5370
keyword, storage.type, storage.modifier#377952
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#00ffc8
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#5a9282
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#7cbb8c
meta.block variable.other#71f0ea
support.other.variable, string.other.link#71c1f0
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#e0c2b9
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#8dbfe8
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#ffb36b
support.type#7894d4
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#43798f
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ff537088
variable.language#FF5370italic
entity.name.method.js#b7cbf7italic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF
entity.other.attribute-name#C792EA
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#82AAFF
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#88bfd4
constant.character.escape#F78C6C
constant.character, constant.other#FFCB6B
source.json meta.structure.dictionary.json support.type.property-name.json#C792EA
markup.underline.link, string.other.link#80cbc4underline
meta.decorator variable.other.readwrite#82AAFF
meta.decorator variable.other.readwrite entity.name.function#C792EA
source.yaml entity.name.tag, source.yaml entity.name.tag entity.other.attribute-name#e0c2b9
entity.name.tag.custom.tag#ff5370
source.yaml meta.key entity.name.tag#ffcb6b
source.yaml meta.value string.unquoted.plain.out#c3e88d