monokaii
Publisher: izcream*Themes in package: 1
Monokai with eyes care color scheme
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.activeBorder#eeecf5
- activityBar.activeFocusBorder#eeecf5
- activityBar.background#060609
- activityBar.foreground#eeecf5
- activityBarBadge.background#acdbff
- activityBarBadge.foreground#0e0e14
- badge.background#1a1a26
- badge.foreground#eeecf5
- button.background#17171f
- button.foreground#eeecf5
- button.hoverBackground#00aeff
- diffEditor.insertedTextBackground#00919b15
- diffEditor.removedTextBackground#c3115520
- dropdown.background#060609
- dropdown.border#060609
- dropdown.foreground#eeecf599
- editor.background#17171f
- editor.findMatchBackground#408cff40
- editor.findMatchHighlightBackground#1900ff22
- editor.foreground#cdd7dc
- editor.hoverHighlightBackground#06060922
- editor.inactiveSelectionBackground#ffffff20
- editor.lineHighlightBackground#ffffff10
- editor.lineHighlightBorder#ffffff05
- editor.selectionBackground#3019ff73
- editor.selectionHighlightBackground#19abff45
- editor.selectionHighlightBorder#06060930
- editor.wordHighlightBackground#ff000000
- editor.wordHighlightStrongBackground#0e0e14
- editor.wordHighlightStrongBorder#ffffff60
- editorCodeLens.foreground#ffffff66
- editorCursor.foreground#ffffff
- editorError.foreground#ff5252
- editorGroup.border#181a1f
- editorGroup.emptyBackground#0e0e14
- editorGroupHeader.tabsBackground#030708
- editorGutter.addedBackground#47ffa0
- editorGutter.deletedBackground#ff5252
- editorGutter.modifiedBackground#40c4ff
- editorHoverWidget.background#060609
- editorHoverWidget.border#1e1e1e
- editorIndentGuide.background#ffffff22
- editorLineNumber.foreground#ffffff33
- editorLink.activeForeground#40c4ff
- editorOverviewRuler.addedForeground#47ffa000
- editorOverviewRuler.border#ff000000
- editorOverviewRuler.bracketMatchForeground#40c4ff00
- editorOverviewRuler.deletedForeground#e040fb00
- editorOverviewRuler.errorForeground#ff5252
- editorOverviewRuler.infoForeground#ffff0000
- editorOverviewRuler.modifiedForeground#40c4ff00
- editorOverviewRuler.warningForeground#ffab40
- editorRuler.foreground#ffffff66
- editorSuggestWidget.background#1e1e1e
- editorSuggestWidget.border#1e1e1e
- editorSuggestWidget.foreground#f8f8f0
- editorSuggestWidget.highlightForeground#4cc9f0
- editorSuggestWidget.selectedBackground#2c313a
- editorWarning.foreground#ffab40
- editorWhitespace.foreground#ffffff66
- editorWidget.background#0e0e14
- editorWidget.border#17171f
- errorForeground#ff5252
- extensionButton.prominentBackground#47ffa0
- extensionButton.prominentForeground#0a0a0a
- extensionButton.prominentHoverBackground#40c4ff
- focusBorder#17171f
- gitDecoration.addedResourceForeground#72f1b8cc
- gitDecoration.deletedResourceForeground#ff413b
- gitDecoration.ignoredResourceForeground#ffffff59
- gitDecoration.modifiedResourceForeground#ffb77cee
- gitDecoration.untrackedResourceForeground#72f1b8
- input.background#0e0e14
- input.border#2f2f40
- input.foreground#f8f8f0
- input.placeholderForeground#ffffff66
- inputOption.activeBackground#00000000
- inputOption.activeBorder#4cc9f0
- inputValidation.errorBackground#0a0a0a
- inputValidation.errorBorder#ff5252
- inputValidation.infoBackground#0a0a0a
- inputValidation.infoBorder#4cc9f0
- inputValidation.warningBackground#0a0a0a
- inputValidation.warningBorder#ffab40
- list.activeSelectionBackground#ffffff20
- list.activeSelectionForeground#ffffff
- list.errorForeground#ff5252
- list.focusBackground#ffffff22
- list.focusForeground#f8f8f0
- list.highlightForeground#ffffff
- list.hoverBackground#ffffff10
- list.inactiveSelectionBackground#ffffff22
- list.inactiveSelectionForeground#f8f8f0
- list.warningForeground#ffab40
- notificationCenter.border#262633
- notificationCenterHeader.background#20202b
- notifications.background#262633
- notifications.border#262633
- notificationToast.border#262633
- panel.background#17171f
- panel.border#262633
- panelTitle.activeBorder#ff8f3b
- pickerGroup.border#40c3ff00
- pickerGroup.foreground#40c4ff
- progressBar.background#47ffa0
- scrollbar.shadow#ff000000
- scrollbarSlider.activeBackground#ffffff99
- scrollbarSlider.background#ffffff33
- scrollbarSlider.hoverBackground#ffffff66
- sideBar.background#0e0e14
- sideBar.border#0e0e14
- sideBar.foreground#ffffff99
- sideBarSectionHeader.background#0e0e14
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#f8f8f0
- statusBar.background#0e0e14
- statusBar.debuggingBackground#f99b72
- statusBar.debuggingForeground#060609
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#0e0e14
- statusBarItem.hoverBackground#ffffff33
- tab.activeBackground#17171f
- tab.activeBorder#4cc9f0
- tab.activeForeground#ffffff
- tab.border#ffffff00
- tab.hoverBackground#000000
- tab.inactiveBackground#17171f
- tab.inactiveForeground#ffffff80
- terminal.background#17171f
- textLink.activeForeground#ff8f3c
- textLink.foreground#acdbff
- titleBar.activeBackground#060609
- titleBar.activeForeground#ffffff99
- titleBar.inactiveBackground#060609
- titleBar.inactiveForeground#ffffff99
- tree.indentGuidesStroke#ffffff20
- welcomePage.tileBackground#0e0e14
- welcomePage.tileHoverBackground#13131b
- widget.shadow#00000090
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #F8F8F2 | — |
| comment | #ffffff20 | italic |
| string | #E6DB74 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F92672 | — |
| meta.template.expression | #F8F8F2 | — |
| constant.numeric | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable, meta.object.member | #F8F8F2 | |
| keyword | #F92672 | — |
| storage | #F92672 | |
| storage.type | #66D9EF | italic |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #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 | #F44747 | |
| invalid.deprecated | #F44747 | — |
| 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 | — |
| markup.quote | #F92672 | — |
| markup.list | #E6DB74 | — |
| markup.bold, markup.italic | #66D9EF | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #A6E22E | — |
| markup.heading.setext | #A6E22E | bold |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | #75715E | italic |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown,string.other.link.description.markdown | #AE81FF | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #E6DB74 | — |
| markup.italic.markdown | — | italic |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #F8F8F2 | — |
| punctuation.definition.list.begin.markdown, variable.other.readwrite.ts | #A6E22E | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| variable.language | #FD971F | — |
| variable.other.property.ts, punctuation.decorator.ts, punctuation.separator.key-value.html.vue | #AE81FF | — |
| variable.other.object.property.ts | #66D9EF | — |