monokaiju
Publisher: konapunThemes in package: 1
Permeatingly monokai
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#f92672
- activityBar.background#2f3133
- activityBarBadge.background#f92672
- badge.background#f92672
- breadcrumb.background#1a1d1e
- button.background#f92672
- checkbox.background#393a3c
- checkbox.border#393a3c
- debugIcon.continueForeground#66d9ef
- debugIcon.disconnectForeground#f92672
- debugIcon.pauseForeground#66d9ef
- debugIcon.restartForeground#a6e22e
- debugIcon.startForeground#a6e22e
- debugIcon.stepIntoForeground#66d9ef
- debugIcon.stepOutForeground#66d9ef
- debugIcon.stepOverForeground#66d9ef
- debugIcon.stopForeground#f92672
- debugToolBar.background#2f3133
- diffEditor.insertedTextBackground#66852880
- diffEditor.removedTextBackground#90274a80
- dropdown.background#393a3c
- dropdown.border#393a3c
- editor.background#1a1d1e
- editor.foreground#f8f8f2
- editor.lineHighlightBackground#303030
- editor.selectionBackground#403d3d
- editor.selectionHighlightBackground#575b6180
- editor.wordHighlightBackground#4a4a7680
- editor.wordHighlightStrongBackground#6a6a9680
- editorCursor.foreground#f8f8f0
- editorError.foreground#f92672
- editorGroupHeader.tabsBackground#1a1d1e
- editorGutter.addedBackground#a6e22e
- editorGutter.deletedBackground#f92672
- editorGutter.modifiedBackground#66d9ef
- editorHoverWidget.background#1b1d1e
- editorHoverWidget.border#75715e
- editorIndentGuide.activeBackground#cfcfc293
- editorIndentGuide.background#464741
- editorInfo.foreground#66d9ef
- editorLightBulb.foreground#e6db74
- editorLightBulbAutoFix.foreground#66d9ef
- editorLineNumber.activeForeground#c2c2bf
- editorLineNumber.foreground#90908a
- editorLink.activeForeground#66d9ef
- editorMarkerNavigationInfo.background#66d9ef
- editorMarkerNavigationWarning.background#fd971f
- editorOverviewRuler.addedForeground#a6e22e
- editorOverviewRuler.deletedForeground#f92672
- editorOverviewRuler.modifiedForeground#66d9ef
- editorOverviewRuler.warningForeground#fd971f
- editorSuggestWidget.background#1b1d1e
- editorSuggestWidget.border#75715e
- editorSuggestWidget.highlightForeground#f8f8f2
- editorSuggestWidget.selectedBackground#293739
- editorWarning.foreground#fd971f
- editorWhitespace.foreground#464741
- editorWidget.background#1a1d1e
- editorWidget.border#f92672
- errorForeground#f92672
- extensionButton.prominentBackground#a6e22e
- extensionButton.prominentForeground#1a1d1e
- focusBorder#555555
- gitDecoration.addedResourceForeground#a6e22e
- gitDecoration.deletedResourceForeground#f92672
- gitDecoration.modifiedResourceForeground#66d9ef
- gitDecoration.untrackedResourceForeground#fd971f
- input.background#393a3c
- input.border#2f3133
- inputOption.activeBorder#555555
- list.activeSelectionBackground#37373d
- list.dropBackground#2f3133
- list.errorForeground#f92672
- list.focusBackground#2f3133
- list.highlightForeground#f8f8f2
- list.warningForeground#fd971f
- menu.background#393a3c
- panelTitle.activeBorder#f92672
- peekView.border#66d9ef
- peekViewResult.background#212324
- pickerGroup.foreground#66d9ef
- progressBar.background#66d9ef
- quickInput.background#212324
- selection.background#cfcfc293
- settings.checkboxBackground#393a3c
- settings.checkboxBorder#393a3c
- settings.dropdownBackground#393a3c
- settings.dropdownBorder#393a3c
- settings.modifiedItemIndicator#66d9ef
- settings.numberInputBackground#393a3c
- settings.numberInputBorder#2f3133
- settings.textInputBackground#393a3c
- settings.textInputBorder#2f3133
- sideBar.background#212324
- sideBar.border#212324
- sideBarSectionHeader.background#2f3133
- sideBarTitle.foreground#bbbbbb
- statusBar.background#f92672
- statusBar.debuggingBackground#fd971f
- statusBar.noFolderBackground#ae81ff
- symbolIcon.classForeground#fd971f
- symbolIcon.constructorForeground#ae81ff
- symbolIcon.enumeratorForeground#fd971f
- symbolIcon.enumeratorMemberForeground#66d9ef
- symbolIcon.eventForeground#fd971f
- symbolIcon.fieldForeground#66d9ef
- symbolIcon.functionForeground#ae81ff
- symbolIcon.interfaceForeground#66d9ef
- symbolIcon.methodForeground#ae81ff
- symbolIcon.variableForeground#66d9ef
- tab.activeBorderTop#f92672
- tab.activeModifiedBorder#fd971f
- tab.border#212324
- tab.inactiveBackground#1a1d1e
- terminal.ansiBlack#272922
- terminal.ansiBlue#66d9ef
- 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#56adbc
- terminal.ansiGreen#a6e22e
- terminal.ansiMagenta#8c6bc8
- terminal.ansiRed#f92672
- terminal.ansiWhite#e3e3dd
- terminal.ansiYellow#fd971f
- terminal.border#f92672
- textLink.foreground#f92672
- textPreformat.foreground#e6db74
- titleBar.activeBackground#1a1d1e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #7E8E91 | — |
| meta.embedded, source.groovy.embedded | #F8F8F2 | — |
| 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 | #F8F8F2 | |
| keyword | #F92672 | — |
| storage | #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 |
| 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 | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| 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 | |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| variable.language | #FD971F | — |