Monokai Neo
Publisher: awran5Themes in package: 1
A new touch of Monokai Theme
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#181D20
- editor.foreground#CCC
- editor.lineHighlightBackground#22292e48
- editor.selectionBackground#6e6e6e46
- editorCursor.foreground#F8F8F0
- editorIndentGuide.background#35353580
- editorWhitespace.foreground#3B3A32
- statusBar.background#111
- statusBar.foreground#999
- statusBar.noFolderBackground#111
- statusBarItem.hoverBackground#222
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #696969 | italic |
| string.quoted.single, string.quoted.double, string.template, punctuation.definition.string | #bfbf91 | — |
| variable.other.readwrite | #CCC | — |
| constant.numeric | #9C88BD | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other, variable.other.constant.ruby | #9C88BD | — |
| variable.language, variable.language.this | #C4873D | — |
| keyword, punctuation.definition.keyword | #BA3E70 | — |
| storage | #BA3E70 | |
| storage.type | #9C88BD | italic |
| storage.type.function | #75c2d0 | italic |
| storage.type.class | #75c2d0 | italic |
| entity.name.type.class | #a4b551 | |
| support.class, entity.name.type | #a4b551 | italic |
| meta.definition.function, meta.function.php, meta.definition.method | #a4b551 | — |
| meta.function-call | #6693BD | — |
| variable.parameter | #C4873D | italic |
| entity.name.tag, entity.other.attribute-name.pseudo-element | #BA3E70 | |
| entity.other.attribute-name.pseudo-class | #BA3E70 | |
| support.constant.property-value, support.function.transform.css | #9C88BD | |
| entity.other.attribute-name | #809C7D | — |
| support.function | #6693BD | — |
| support.function.funchand, entity.name.function.ruby | #75c2d0 | — |
| support.type, meta.object-literal.key | #75c2d0 | italic |
| support.variable, variable.other | #CCC | — |
| support.type.property-name.json | — | |
| punctuation.separator.dictionary.key-value | #BA3E70 | — |
| punctuation.definition.tag | #416194 | — |
| punctuation.accessor.arrow | #d74385 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #6693BD | — |
| punctuation.definition, punctuation.separator.delimiter, punctuation.section, punctuation.accessor, meta.brace.round | #CCC | — |
| punctuation.definition.block.tag, storage.type.class.jsdoc | #BA3E70 | — |
| entity.name.type.instance.jsdoc | #bfbf91 | — |
| punctuation.definition.heading.markdown | #BA3E70 | — |
| entity.name.section.markdown | #B2C472 | — |
| string.other.link.title.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #bfbf91 | — |
| markup.underline, punctuation.definition.metadata.markdown | #75C2D0 | — |
| markup.list | #A8A1B3 | — |
| meta.separator.markdown | #999 | — |
| punctuation.definition.blockquote | #bbb | — |
| punctuation.definition.raw.markdown, markup.inline.raw.string.markdown | #8C9CAD | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...