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#1A1A1A
  • editor.foreground#ECF0F1
  • editor.inactiveSelectionBackground#F3FFB530
  • editor.lineHighlightBackground#2A2A2A
  • editor.selectionBackground#2A2A2A
  • editorCursor.foreground#ECF0F1
  • editorWhitespace.foreground#F3FFB51A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#9E9FA5italic
invalid#ff0000
entity#2ECC71
punctuation.decorator#2ECC71
storage.type#3498db
storage.modifier#3498dbitalic
constant#6C71C4
keyword#e95242italic bold
variable#E67E22
variable.language#3498DBitalic bold
support.type.property-name, support.type, support.function, support.constant, support.other#3498DBitalic bold
support.class, support.variable#3498DBbold
entity.other#2ECC71
meta#808080
string#E6BF24
string.quoted source#E6BF24
string constant#6c71c4
string.regexp#3498db
string variable#E67E22
other.preprocessor.c#3498db
other.preprocessor.c entity#2ecc71
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#e74c3c
meta.selector.css entity.name.tag#1abc9c
meta.selector.css entity.other.attribute-name.id#2ecc71
meta.selector.css entity.other.attribute-name.class#2ecc71
support.type.property-name.css#3498db
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#2ecc71 italic
meta.preprocessor.at-rule keyword.control.at-rule#f1c40f bold
meta.property-value support.constant.named-color.css, meta.property-value constant#e74c3c
meta.constructor.argument.css#e74c3c
meta.diff, meta.diff.header#F8F8F8italic
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
entity.other.attribute-name.id.html#2ecc71
entity.other.attribute-name.html#2ecc71
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#fff
keyword.control.at-rule.import.css#f1c40f bold
variable.other.less#ffffff
entity.other.less.mixin#9b59b6
source.css.less keyword.unit.css#3498db
entity.other.attribute-name.angular.html, source.angular.embedded.html#e74c3c
constant.character.entity.html#3498db
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#3c444d
Vincet Dark Theme by Vitalii Zavhorodnii - VS Code Theme