Monokai_kd
Publisher: keydoneThemes in package: 1
A Monokai custom theme for myself
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.background#272822
- activityBar.dropBackground#2d2d2d
- activityBar.foreground#f8f8f2
- activityBarBadge.foreground#f8f8f2
- debugToolBar.background#1e1f1c
- diffEditor.insertedTextBackground#66852880
- diffEditor.removedTextBackground#90274a80
- dropdown.background#2d2d2d
- editor.background#222
- editor.foreground#f8f8f2
- editor.lineHighlightBackground#333
- editor.selectionBackground#444
- editorCursor.foreground#f8f8f0
- editorGroup.border#2d2d2d
- editorGroup.dropBackground#2d2d2d80
- editorGroupHeader.tabsBackground#1e1f1c
- editorHoverWidget.background#2d2d2d
- editorIndentGuide.background#464741
- editorLineNumber.foreground#90908a
- editorSuggestWidget.background#272822
- editorWhitespace.foreground#3b3a32
- editorWidget.background#1e1f1c
- input.background#2d2d2d
- inputValidation.errorBackground#90274a
- inputValidation.errorBorder#f92672
- inputValidation.infoBackground#546190
- inputValidation.infoBorder#819aff
- inputValidation.warningBackground#848528
- inputValidation.warningBorder#e2e22e
- list.dropBackground#2d2d2d
- list.focusBackground#2d2d2d
- list.hoverBackground#272822
- list.inactiveSelectionBackground#2d2d2d
- panel.border#2d2d2d
- panelTitle.activeForeground#f8f8f2
- peekViewEditor.background#272822
- peekViewResult.background#1e1f1c
- peekViewResult.selectionBackground#2d2d2d
- peekViewTitle.background#1e1f1c
- sideBar.background#1e1f1c
- sideBarSectionHeader.background#272822
- statusBar.background#333
- statusBar.noFolderBackground#2d2d2d
- tab.border#1e1f1c
- tab.inactiveBackground#2d2d2d
- tab.inactiveForeground#ccccc7
- terminal.ansiBlack#333333
- terminal.ansiBlue#819affbf
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#819aff
- terminal.ansiBrightCyan#66d9ef
- terminal.ansiBrightGreen#a6e22e
- terminal.ansiBrightMagenta#ae81ff
- terminal.ansiBrightRed#f92672
- terminal.ansiBrightWhite#f8f8f2
- terminal.ansiBrightYellow#e2e22e
- terminal.ansiCyan#66d9efbf
- terminal.ansiGreen#a6e22ebf
- terminal.ansiMagenta#ae81ffbf
- terminal.ansiRed#f92672bf
- terminal.ansiWhite#e3e3dd
- terminal.ansiYellow#e2e22ebf
- titleBar.activeBackground#2d2d2d
- widget.shadow#1e1f1c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #f8f8f2ff | — |
| comment | #75715e | — |
| string | #e6db74 | — |
| punctuation.definition.template-expression | #F92672 | — |
| constant.numeric | #be84ff | — |
| constant.language, meta.preprocessor | #be84ff | — |
| constant.character, constant.other | #be84ff | — |
| variable.other, variable.language | #ffffff | — |
| keyword, keyword.control, keyword.other | #f92672 | — |
| storage, storage.modifier | #f92672 | |
| storage.type | #66D9EF | italic |
| entity.name.type, entity.name.class | #a6e22e | underline |
| entity.other.inherited-class | #a6e22e | italic underline |
| entity.name.function | #a6e22e | |
| variable.parameter | #fd971f | italic |
| variable.js, punctuation.separator.variable | #66d9ef | |
| punctuation.//separator | #fd971f | — |
| constant.language | #c48cff | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #008200 | |
| entity.name.tag | #f92672 | |
| entity.other.attribute-name | #a6e22e | |
| support.function | #66D9EF | |
| support.constant | #66d9ef | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| string constant | #66d9ef | — |
| string.regexp | #f6aa11 | — |
| string variable | #ffffff | — |
| punctuation.definition.variable | #ffffff | — |
| entity | #a6e22e | |
| meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype | #c8cecc | — |
| comment.block.html | #7c7865 | |
| entity.name.tag.script.html | — | italic |
| text.html.basic meta.tag.other.html, text.html.basic meta.tag.any.html, text.html.basic meta.tag.block.any, text.html.basic meta.tag.inline.any, text.html.basic meta.tag.structure.any.html, text.html.basic source.js.embedded.html, punctuation.separator.key-value.html | #a6e22e | |
| text.html.basic entity.other.attribute-name.html | #a6e22e | — |
| text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #ffffff | |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #ffffff | — |
| variable.parameter.handlebars | #f6aa11 | — |
| support.constant.handlebars, meta.function.block.start.handlebars | #66d9ef | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #f6aa11 | — |
| meta.selector.css entity.other.attribute-name.id | #f6aa11 | — |
| meta.selector.css entity.other.attribute-name.class | #a6e22e | — |
| support.type.property-name.css | #66d9ef | — |
| meta.constructor.argument.css | #f6aa11 | — |
| punctuation.section.property-list.css | #ffffff | — |
| punctuation.definition.tag.css | #f92672 | — |
| punctuation.separator.key-value.css, punctuation.terminator.rule.css | #ffffff | |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-selector.css | #a6e22e | |
| variable.other.less | #ffffff | — |
| entity.other.less.mixin | #e0fdce | italic |
| entity.other.attribute-name.pseudo-element.less | #ff9117 | |
| meta.template.expression.js punctuation.definition.template-expression.begin.js, meta.template.expression.js punctuation.definition.template-expression.end.js, meta.template.expression.js punctuation.accessor | #AFF132 | |
| meta.function.js, entity.name.function.js, support.function.dom.js | #a6e22e | |
| meta.instance.constructor meta.function-call.constructor.js | #a6e22e | |
| source.js meta.function.js punctuation.separator.parameter.function.js | #ffffff | |
| meta.property.object.js, keyword.operator.accessor.js | #f92672 | italic |
| source.js meta.group.braces.curly constant.other.object.key.js punctuation.separator.key-value.js | #ffffff | |
| support.type.object.module.js, source.js meta.function.declaration.js support.class.js | #66d9ef | |
| support.type.object.module.js support.type.object.module.js | #a6e22e | |
| storage.type.js | #66d9ef | italic |
| text.html.basic source.js.embedded.html | #f92672 | italic |
| storage.type.function.js | #f92672 | italic |
| constant.numeric.js | #ae81ff | — |
| variable.language.arguments.js, variable.language.super.js, variable.language.this.js, variable.language.self.js, variable.language.proto.js, variable.language.constructor.js, variable.language.prototype.js | #f92672 | italic |
| meta.brace.square.js | #ffffff | — |
| meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, punctuation.definition.group | #ffffff | — |
| meta.brace.curly.js, meta.object-literal.js | #ffffff | — |
| meta.structure.dictionary.json string.quoted.double.json | #e6db74 | — |
| punctuation.section.embedded.coffee | #e69f66 | — |
| keyword.operator.index-start.php, keyword.operator.index-end.php | #ffffff | — |
| meta.array.php | #ffffff | — |
| meta.array.php support.function.construct.php, meta.array.empty.php support.function.construct.php | #e42e70 | |
| support.function.construct.php | #e42e70 | — |
| storage.type.function.php | #f92672dd | — |
| constant.numeric.php | #be84ff | — |
| keyword.other.new.php | #f6aa11 | — |
| support.class.php | #ffffff | |
| variable.other.property.php | #f6aa11 | — |
| storage.modifier.extends.php, storage.type.class.php, keyword.operator.class.php | #a6e22e | — |
| meta.other.inherited-class.php | #a6e22e | |
| storage.type.php | #66d9ef | — |
| entity.name.function.php | #66d9ef | — |
| support.function.construct.php | #a6e22e | — |
| entity.name.type.class.php, meta.function-call.php, meta.function-call.static.php, meta.function-call.object.php | #ffffff | — |
| keyword.other.phpdoc | #7c7865 | |
| source.php.embedded.block.html | #ffffff | — |
| invalid | #f8f8f0 | |
| invalid.deprecated | #f8f8f0 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| meta.diff, meta.diff.header | #75715e | — |
| markup.deleted | #f92672 | — |
| markup.inserted | #a6e22e | — |
| markup.changed | #e6db74 | — |
| meta.diff, meta.diff.range | #3bc0f0 | — |
| storage.type.class.python, storage.type.function.python, storage.modifier.global.python | #a6e22e | |
| keyword.control.import.python, keyword.control.import.from.python | #f92672dd | — |
| support.type.exception.python | #66d9ef | — |
| punctuation.definition.variable.perl, variable.other.readwrite.global.perl, variable.other.predefined.perl, keyword.operator.comparison.perl | #e42e70 | — |
| support.function.perl | #66d9ef | — |
| comment.line.number-sign.perl | #75715e | italic |
| punctuation.definition.string.begin.perl, punctuation.definition.string.end.perl | #ffffff | — |
| constant.character.escape.perl | #dc322f | — |
| constant.language.ruby, constant.numeric.ruby | #ae81ff | — |
| punctuation.definition.variable.ruby | #f6aa11 | |
| meta.function.method.with-arguments.ruby | #a6e22e | — |
| variable.language.ruby | #ffffff | — |
| entity.name.function.ruby | #f6aa11 | — |
| keyword.control.ruby, keyword.control.def.ruby | #a6e22e | bold |
| keyword.control.class.ruby, meta.class.ruby | #a6e22e | — |
| entity.name.type.class.ruby | #66d9ef | |
| keyword.control.ruby | #a6e22e | |
| support.class.ruby | #66d9ef | |
| keyword.other.special-method.ruby | #a6e22e | — |
| variable.other.constant.ruby | #66d9ef | |
| constant.other.symbol.ruby | #f6f080 | |
| punctuation.section.embedded.ruby, punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby | #f92672 | — |
| keyword.other.special-method.ruby | #e42e70 | — |
| text.html.markdown | #ffffff | — |
| text.html.markdown markup.raw.inline | #ec3533 | — |
| text.html.markdown meta.dummy.line-break | #e0eddd | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #fd971f | |
| markup.italic | #e42e70 | italic |
| markup.bold | #f92672 | bold |
| markup.underline | #a6e22e | underline |
| markup.strike | #cc4273 | |
| markup.quote, punctuation.definition.blockquote.markdown | #66d9ef | italic |
| markup.quote | #66d9ef | italic |
| string.other.link.title.markdown | #66d9ef | underline |
| markup.raw.block | #ae81ff | — |
| punctuation.definition.list_item.markdown | #777777 | — |
| markup.raw.block.fenced.markdown | #ffffff | — |
| punctuation.definition.fenced.markdown, variable.language.fenced.markdown | #636050 | — |
| variable.language.fenced.markdown | #7c7865 | |
| meta.separator | #ffffff33 | bold |
| markup.list | #E6DB74 | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #A6E22E | — |
| markup.heading.setext | #A6E22E | |
| markup.bold, markup.italic | #66D9EF | — |
| markup.table | #b42a1d | — |
| variable.other.math.tex | #e6db74 | — |
| other.package.exclude, other.remove | #d3201f | |
| support.function.builtin.shell | #a6e22e | — |
| variable.other.normal.shell | #66d9ef | — |
| source.shell | #ffffff | |
| meta.scope.for-in-loop.shell, variable.other.loop.shell | #fd971f | |
| entity.name.function.shell | #a6e22e | |
| punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell | #ffffff | |
| meta.scope.case-block.shell, meta.scope.case-body.shell | #fd971f | |
| punctuation.definition.logical-expression.shell | #ffffff | |
| comment.line.number-sign.shell | #7c7865 | italic |
| comment.line.number-sign.makefile | #7c7865 | |
| punctuation.definition.comment.makefile | #7c7865 | |
| variable.other.makefile | #f92672 | |
| entity.name.function.makefile | #a6e22e | |
| meta.function.makefile | #66d9ef | |
| markup.deleted.git_gutter | #F92672 | — |
| markup.inserted.git_gutter | #A6E22E | — |
| markup.changed.git_gutter | #967EFB | — |
| markup.ignored.git_gutter | #565656 | — |
| markup.untracked.git_gutter | #565656 | — |
| string.other.path.nginx | #fc951e | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...