Material Theme Pack
Publisher: Jérémie BroutierThemes in package: 3
A collection of dark and light Material Design inspired color themes for Visual Studio Code.
Color themes
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 |
|---|---|---|
| — | #7F8C8D | — |
| entity.name.type.class, entity.name.type.interface, support.class, entity.other.inherited-class | #E74C3C | — |
| comment | #95A5A6 | italic |
| constant.language, constant.other, support.constant | #F39C12 | — |
| meta.tag.sgml, entity.name.tag.doctype | #D35400 | underline |
| entity.name.function | #2980B9 | — |
| support.function, meta.function-call | #16A085 | — |
| keyword | #5742AD | — |
| keyword.other.phpdoc | #7F8C8D | — |
| keyword.operator.assignment, keyword.operator.class, keyword.operator.comparison | #95A5A6 | — |
| constant.numeric | #E74C3C | — |
| string | #139C4E | — |
| storage, storage.type | #2980B9 | — |
| entity.name.tag | #3498DB | — |
| entity.other.attribute-name | #E74C3C | — |
| variable, meta.function.arguments | #3498DB | italic |
| meta.property-name.css | #7F8C8D | — |
| !comment.block.css punctuation.css, meta.attribute-selector.css | #7F8C8D | — |
| entity.other.attribute-name.class.css | #E74C3C | — |
| entity.other.attribute-name.id.css | #27AE06 | — |
| source.css keyword.other.unit | #E74C3C | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...