webevolutions.material-themes
Publisher: webevolutionsThemes in package: 1
a dark theme based on material
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.
- activityBar.activeBorder#159688
- activityBar.foreground#159688
- activityBar.inactiveForeground#666
- activityBarBadge.background#159688
- button.background#159688
- editor.background#282828
- editor.foreground#F8F8F2
- editor.lineHighlightBackground#3E3D32
- editor.selectionBackground#49483E
- editorCursor.foreground#F8F8F0
- editorLineNumber.activeForeground#FFF
- editorLineNumber.foreground#666
- editorUnnecessaryCode.border#66D9EF
- editorWhitespace.foreground#3B3A32
- focusBorder#159688
- gitDecoration.ignoredResourceForeground#777
- gitDecoration.modifiedResourceForeground#ffc400
- gitDecoration.untrackedResourceForeground#8DC252
- list.activeSelectionBackground#159688
- list.focusOutline#07d6be
- list.hoverBackground#159688
- list.inactiveSelectionBackground#159688
- progressBar.background#159688
- sideBarSectionHeader.foreground#159688
- statusBar.background#159688
- tab.activeBackground#159688
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #75715E | — |
| string | #E6DB74 | — |
| constant.numeric | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | #62BFD1 | |
| constant | #ff0000 | |
| keyword | #F92672 | — |
| storage | #F92672 | |
| storage.type | #66D9EF | italic |
| entity.name.class | #A6E22E | underline |
| entity.other.inherited-class | #A6E22E | italic underline |
| entity.name.function | #A6E22E | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #A6E22E | |
| support.function | #66D9EF | |
| support.constant | #66D9EF | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| variable.other.ts | #FFF | — |
| variable.language.this.ts | #FFF | — |
| variable.other.property.ts | #ffc400 | — |
| entity.name.type.ts | #66D9EF | — |
| meta.type.parameters.ts | #F92672 | — |
| variable.other.object.ts | #FFF | — |
| variable.other.constant.ts | #FFF | — |
| variable.other.php | #FFF | — |
| variable.language.this.php | #FFF | — |
| variable.other.property.php | #ffc400 | — |
| support.type.property-name.json | #A8E040 | |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #FFF | |
| punctuation.separator.dictionary.key-value.json | #66D9EF | |
| variable.scss | #FFF |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...