Dark Chrome DevTools
Publisher: Ivan ZuskoThemes in package: 1
Dark Theme like Chrome DevTools (inspired by ZeroDarkMatrix theme for Sublime)
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #eaeaea | — |
| By Ivan Zusko | — | — |
| comment | #676767 | |
| string | #ff9257 | |
| string source | #ffff00 | |
| constant.numeric | #97e7a9 | |
| constant.language | #ffff00 | |
| constant.character, constant.other | #663399 | |
| keyword | #ffff00 | |
| support | #eaeaea | |
| storage | #8d74c1 | |
| entity.name.class, entity.name.type.class, entity.name.type.module | #58a4c8 | |
| entity.other.inherited-class | #ffff00 | |
| entity.name.function | #c7b652 | |
| variable.parameter | #58a4c8 | |
| entity.name.tag | #ffff00 | |
| entity.other.attribute-name | #ffff00 | |
| support.function | #9872A2 | |
| keyword | #8d74c1 | |
| variable.other, variable.js, punctuation.separator.variable | #58a4c8 | |
| constant.language | #8d74c1 | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #ffff00 | |
| invalid | #FF0B00 | |
| variable.other.php, variable.other.normal | #6089B4 | |
| meta.function-call | #0080FF | |
| meta.function-call.object | #9872A2 | |
| variable.other.property | #FFFF00 | |
| keyword.control | #58a4c8 | |
| meta.tag | #D0B344 | |
| entity.name.tag | #58a4c8 | |
| meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype | #9AA83A | |
| meta.tag.inline source, text.html.php.source | #9AA83A | |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #9872A2 | |
| entity.other.attribute-name, meta.tag punctuation.definition.string | #93b1cf | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #6089B4 | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #D0B344 | |
| meta.toc-list.id | #9AA83A | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #9AA83A | |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #6089B4 | |
| meta.selector.css entity.other.attribute-name.id | #fea24e | |
| support.type.property-name.css | #84f0ff | |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #d4d4d4 | |
| variable.language.js | #CC555A | — |
| meta.function-call.object.php | #D0B344 | |
| punctuation.definition.string.end.php, punctuation.definition.string.begin.php | #9AA83A | — |
| source.php.embedded.line.html | #676867 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #D08442 | |
| constant.other.symbol.ruby | #9AA83A | |
| variable.language.ruby | #D0B344 | |
| keyword.other.special-method.ruby | #D9B700 | |
| source.ruby.embedded.source | #D08442 | — |
| keyword.other.DML.sql | #D0B344 | |
| markup.quote | #9872A2 | — |
| markup.list | #9AA83A | — |
| markup.bold, markup.italic | #6089B4 | — |
| markup.inline.raw | #FF0080 | |
| markup.heading | #D0B344 | — |
| markup.heading.setext | #D0B344 |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...