Monokai Kong
Publisher: Quynh NguyenThemes in package: 1
A more exciting dark theme for Visual Studio Code with Monokai code coloring
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| storage | #f92672 | — |
| storage.type | #c3fa8e | — |
| storage.type.function.arrow | — | italic |
| keyword, constant.language, support.type | #fcfc7f | — |
| keyword.operator, keyword.control.as, keyword.control.is, meta.brace.square | #c726f8 | — |
| keyword.operator.expression | #ed6a43 | bold |
| keyword.operator.ternary | #ed6a43 | — |
| keyword.operator.new | #ffff00 | — |
| keyword.operator.optional | #c3fa8e | — |
| punctuation.separator.key-value, keyword.operator.type.annotation | #f92672 | — |
| comment, string.comment | #5e813b | italic |
| storage.type.class.jsdoc | #bbbbbb | — |
| variable.other.jsdoc | #c3fa8e | — |
| constant.numeric | #fc030e | — |
| string | #00ff00 | — |
| punctuation.definition.string.template.begin, punctuation.definition.string.template.end | — | bold |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, string.embedded.begin, string.embedded.end | #c678dd | — |
| entity.name.class, entity.name.module, entity.name.type, entity.other.inherited-class, storage.identifier, support.class, constant.language.import-export-all, meta.import variable.other.readwrite, variable.other.readwrite.alias, variable.other.object | #61afef | — |
| entity.name.type.interface, entity.other.inherited-class | #61afef | italic |
| entity.name.function, support.function, function.support | #ed6a43 | — |
| support.function, function.support | — | italic |
| entity.name.function-call | #abb2bf | — |
| variable.language, support.constant, support.variable, support.class.builtin, support.class.console | #ffcc00 | italic |
| constant.character, constant.other | #56b6c2 | — |
| meta.block variable.other.object.property, text.html.derivative variable.other.object, meta.embedded.line variable.other.object | #61afef | — |
| meta.embedded.line punctuation.accessor, meta.embedded.line punctuation.definition.block, meta.embedded.line meta.brace.round, meta.embedded.line variable.other.property, meta.embedded.line variable.other.readwrite, meta.embedded.line meta.object-literal.key, meta.embedded.line variable.other.constant.property | #bbbbbb | — |
| support.dictionary.json, structure.dictionary.property-name.json | #56b6c2 | — |
| support.type.property-name.json | #ffcc00 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #e06c75 | — |
| entity.other.attribute-name | #ffcc00 | — |
| entity.name.tag.class, entity.name.tag.id, text.html.derivative meta.attribute.class entity.other.attribute-name, text.html.derivative meta.attribute.id entity.other.attribute-name | #56b6c2 | — |
| text.xml, text.html.derivative | #ffffff | — |
| text.xml meta.tag, text.html.derivative meta.tag, text.html.derivative variable.other.readwrite, text.html.derivative variable.other.property, text.html.derivative punctuation.accessor, text.html.derivative punctuation.separator.key-value | #bbbbbb | — |
| entity.other.ng-binding-name | #14cc52 | — |
| entity.other.ng-binding-name.event | — | italic |
| entity.other.ng-binding-name.ngIf, entity.other.ng-binding-name.ngIfElse, entity.other.ng-binding-name.ngFor, entity.other.ng-binding-name.ngSwitch, entity.other.ng-binding-name.ngModel | — | bold italic |
| meta.ng-binding entity.name.function, entity.name.function.pipe | — | italic |
| entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less, entity.name.tag.sass | #e06c75 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass, support.type.vendored.property-name | #abb2bf | — |
| support.constant.css, support.constant.property-value.css, support.constant.scss, support.constant.property-value.scss, support.constant.less, support.constant.property-value.less, support.constant.sass, support.constant.property-value.sass | #c3fa8e | — |
| variable.css, variable.scss, variable.less, variable.sass | #56b6c2 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #e5c07b | — |
| unit.css, unit.scss, unit.less, unit.sass | #c678dd | — |
| function.css, function.scss, function.less, function.sass | #56b6c2 | — |
| entity.other.attribute-name.pseudo-class | #61afef | — |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| string.detected-link | #61afef | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #c678dd | — |
| markup.inserted | #e5c07b | — |
| markup.changed | #e5c07b | — |
| constant.numeric.line-number.find-in-files - match | #56b6c2A0 | — |
| entity.name.filename.find-in-files | #e5c07b | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown | #696969 | |
| markup.underline.link.markdown | #61afef | — |
| markup.bold.markdown | — | bold |
| punctuation.definition.bold.markdown | #696969 | |
| markup.heading.markdown | #e06c75 | bold |
| punctuation.definition.heading.markdown | #696969 | |
| markup.quote.markdown | #98c379 | — |
| meta.separator.markdown | #c678dd | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #56b6c2 | — |
| punctuation.definition.list_item.markdown | #ffffff | bold |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |