Super Monokai
Publisher: Simon HertebyThemes in package: 2
Optimized for JS/HTML/CSS and VUE
Color themes
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#202e35
- editor.foreground#F8F8F8
- editor.lineHighlightBackground#2d424d
- editor.selectionBackground#2d424d
- editorCursor.foreground#FFFFFF
- editorIndentGuide.background#2d424d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #F8F8F8 | — |
| storage, keyword, entity.name.tag | #FF2672 | — |
| string, punctuation.definition.string, entity.name.filename | #90f090 | — |
| keyword.operator.assignment, punctuation.separator.key-value, puncutation, keyword.operator.selector | #FF4444 | — |
| variable.language, variable.parameter | #FFA73F | — |
| entity, string.regexp, string.regexp punctuation.definition.string, variable.function.constructor, support.class.builtin, meta.instance.constructor variable.type | #FFDA60 | — |
| constant, punctuation.definition.entity, punctuation.definition.constant | #818bff | — |
| entity.name.function, storage.type.function, entity.other.attribute-name.pseudo-class | #C6F21E | — |
| variable.function, support.function, entity.function-name, entity.other.attribute-name.pseudo-element, keyword.language.function | #55DDFF | — |
| punctuation, keyword.operator.accessor, meta.object-literal, meta.tag, meta.brace, meta.delimiter, support.type.property-name, support.type.vendor-prefix, meta.tag.block.any | #90CBC4 | — |
| variable, meta.property, support, punctuation.dollar, meta.object-literal.key, meta.structure.dictionary.json string.quoted.double.json, string.unquoted.label, constant.property-value, constant.color | #F8F8F8 | — |
| comment, punctuation.definition.comment | #5E7375 | — |
| invalid | #F8F8F0 | — |
| meta.diff, meta.diff.header | #5E7375 | — |
| markup.deleted, message.error | #FF2672 | — |
| markup.inserted | #FFCA60 | — |
| markup.changed | #C3E88D | — |
| constant.numeric.line-number | #666666 | — |
| constant.numeric.line-number.match | #FF973F | — |
| sublimelinter.mark.warning | #FFA73F | — |
| sublimelinter.gutter-mark | #F8F8F8 | — |
| sublimelinter.mark.error | #FF2672 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...