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#3A506B
  • editor.background#1C1C1C
  • editor.foreground#D0D0D0
  • sideBarTitle.foreground#A0A0A0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5B7B91italic
variable, string constant.other.placeholder#88C0D0
constant.other.color#81A1C1
invalid, invalid.illegal#D08770
keyword, storage.type, storage.modifier#88C0D0
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag#81A1C1
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#5E81AC
entity.name.function, meta.function-call, variable.function, support.function#8FBCBB
meta.block variable.other#A3BE8C
support.other.variable, string.other.link#88C0D0
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter#D8DEE9
string, constant.other.symbol, markup.heading, markup.inserted.git_gutter#A3BE8C
entity.name, support.type, support.class#D08770
support.type#B48EAD
source.css support.type.property-name#81A1C1
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#D08770
variable.language#D08770italic
entity.name.method.js#8FBCBBitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#A3BE8C
entity.other.attribute-name#B48EAD
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#D08770italic
entity.other.attribute-name.class#B48EAD
source.sass keyword.control#A3BE8C
markup.inserted#A3BE8C
markup.deleted#BF616A
markup.changed#EBCB8B
string.regexp#81A1C1
constant.character.escape#8FBCBB
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#88C0D0italic
source.js constant.other.object.key.js string.unquoted.label.js#D08770italic
source.json meta.structure.dictionary.json support.type.property-name.json#A3BE8C
source.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#88C0D0
source.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#81A1C1
source.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#B48EAD
source.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#D08770
source.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#A3BE8C
source.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#81A1C1
MGTheme by MGMarcoGesualdi - VS Code Theme