Angular Material Documentation Colors
Publisher: Francky IsideThemes in package: 1
Use the same colors of the code in Angular Material's documentation
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#fafafa
- editor.foreground#000000de
- list.activeSelectionIconForeground#fff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text.html, support.type.primitive.ts, punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts, meta.parameters.ts, meta.method.declaration.ts, punctuation.terminator.statement.ts, meta.object-literal.key.ts, meta.class.ts, source.ts | #000000de | — |
| keyword.operator.new.ts | #3b78e7 | — |
| variable.language.this.ts, support.type.primitive.ts, entity.name.function.ts | #6182b8 | — |
| entity.name.function, support.function, punctuation, meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #9c27b0 | — |
| variable.parameter.ts, entity.name.type.ts, meta.decorator.ts, meta.function-call.ts | #d81b60 | — |
| string, punctuation.definition.string.begin.ts, punctuation.definition.string.end.ts, string.quoted.single.ts | #0d904f | — |
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #000000de | — |
| keyword, storage | #3b78e7 | — |
| storage.type, support.type | #6182b8 | — |
| constant.language, support.constant, variable.language | #80cbc4 | — |
| variable, support.variable | #000000de | — |
| entity.name.type, entity.other.inherited-class, support.class | #6182b8 | — |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #80cbc4 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| entity.name.tag | #3b78e7 | — |
| constant.character.entity, punctuation.definition.entity | #8796b0 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #8796b0 | — |
| meta.property-name, support.type.property-name | #3b78e7 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #80cbc4 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000de | — |
| markup.deleted | #000000de | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #3b78e7 | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |