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#2E2E2E
  • editor.foreground#D6D6D6
  • editor.lineHighlightBackground#333435
  • editor.selectionBackground#5A647E
  • editorCursor.foreground#FFFFFF
  • editorWhitespace.foreground#404040
  • tab.activeBorder#B05279

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a4a2a2
string#E5B567
constant.numeric#9E86C8
constant.character, constant.other, constant.language#9E86C8italic
keyword, punctuation.definition.keyword#B05279
storage#B05279
storage.type, storage.type.class.js, storage.modifier.js, variable.language.super.js#6C99BBitalic
variable.language.this.js, storage.type.class.php, variable.language.this.php#C5A5C2italic
punctuation.definition.block.js, punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.accessor.js, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.separator.key-value.js, punctuation.definition.section.case-statement.js, punctuation.separator.parameter.js, punctuation.separator.comma.js#88C6BE
support.class.component.js#6C99BBitalic
entity.name.class#F0688A
entity.name.function#B4C973
variable.parameter#E87D3E italic
entity.name.tag#f77180
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js#badfda
entity.other.attribute-name#B4C973
support.constant#6C99BB
support.other.variable#EDF0F1
invalid#EDF0F1
invalid.deprecated#F8F8F0
support.function, support.variable.property.js#C5A5C2
entity.name.function#B4C973
meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, source.css punctuation.section.function#F0E76C
meta.brace.curly#D7BFEB
meta.brace.square, punctuation.definition.binding-pattern.array.js#a7bae9
variable.other.constant.object.js#E87D3E
variable.parameter.function#E87D3Eitalic
meta.delimiter.method.period#B05279
variable.language#A57EB5
meta.link.inline.markdown, meta.image.inline.markdown#B4C973
markup.inserted.git_gutter#B4C973
markup.changed.git_gutter#CC7732
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370
variable.language#FF5370italic
entity.name.method.js#6C99BBitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#6C99BB
entity.other.attribute-name#B4C973
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, constant.character.escape.scss#FFCB6Bitalic
meta.property-name.scss, support.type.property-name, support.class, source.css meta.property-list#6C99BBitalic
source.css entity.name.tag.css, source.css entity.other.attribute-name, source.css entity.other.keyframe-offset#E76270
source.css.scss support.constant.property-value.css, source.css support.constant.color.w3c-standard-color-name.css, source.css support.constant.font-name.css, source.css.scss meta.property-value.scss, source.css meta.property-value.css, source.css support.constant.property-value#E6EEE7
source.css.scss punctuation.section, source.css.scss punctuation.separator, source.css punctuation.separator, source.css.scss punctuation.terminator, source.css punctuation.terminator, source.css punctuation.section#88C6BE
source.css punctuation.definition#E6EEE7
source.css variable, source.css entity.other.attribute-name.class, source.css entity.other.attribute-name.placeholder, source.css.scss meta.property-list.scss variable.scss, source.css meta.at-rule.extend entity.other.attribute-name, source.css meta.at-rule.keyframes entity.other.attribute-name, source.css.scss entity.other.attribute-name.parent-selector-suffix.css, source.css entity.other.attribute-name.class punctuation.definition.entity, source.css entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity, source.css entity.other.attribute-name.placeholder punctuation.definition.entity#B4C973
source.css support.function#FC929E
source.css entity.other.attribute-name.id, source.css entity.other.attribute-name.id punctuation.definition.entity#E6F355bold
source.css entity.other.attribute-name.pseudo-class.css, source.css entity.other.attribute-name.pseudo-element.css#E6EEE7
source.css.scss meta.property-list.scss meta.property-value.scss variable.scss#E87D3E
keyword.other.important.css, keyword.other.important.scss#FC929Eitalic
source.css.scss string, source.css string, source.css.scss punctuation.definition.string, source.css.scss meta.attribute-selector.scss#E5B567
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#89DDFF
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#6C99BBitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
meta.object-literal.key.js#C5A5C2
punctuation.definition.string.template.end.js, punctuation.definition.string.template.begin.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js#C5A5C2
variable, variable.other.constant.js, variable.other.readwrite.alias.js#E6EEE7
variable.object.property.js, variable.other.property.js#E76270
entity.name.type.class.js, entity.other.inherited-class#E6F355
source.json meta.structure.dictionary.json support.type.property-name.json#6C99BB
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#B4C973
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FC929E
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#E6EEE7
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C17E70
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#6C99BB
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f07178
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C792EA
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C3E88D
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C3E88D
markup.italic#f07178italic
markup.bold, markup.bold string#f07178bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#f07178bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#6C99BB
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#6C99BB
support.function.var.php, support.function.mysql.php, support.function.file.php#B4C973
meta.function.parameters.php#E87D3E
JeAP Glow by Jorge E Acosta Parra - VS Code Theme