Monokai Phoenix
Publisher: Ziga GrcarThemes in package: 1
Customized Monokai theme that changes background to fit Visual Studio Code user interface.
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#1e1e1e
- editor.foreground#F8F8F2
- editor.lineHighlightBackground#3E3D32
- editor.selectionBackground#49483E
- editorBracketHighlight.foreground1#F8F8F2
- editorBracketHighlight.foreground2#F92672
- editorBracketHighlight.foreground3#66D9EF
- editorBracketHighlight.foreground4#A6E22E
- editorBracketHighlight.foreground5#FD971F
- editorBracketHighlight.foreground6#AE81FF
- editorBracketHighlight.unexpectedBracket.foreground#ff0000
- editorCursor.foreground#F8F8F0
- editorWhitespace.foreground#3B3A32
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #F8F8F2 | — |
| comment | #75715E | — |
| string | #E6DB74 | — |
| constant.numeric | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | — | |
| variable.language | #64D9EA | — |
| 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 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...