Dark Monokai
Publisher: kylesglThemes in package: 3
Default Dark theme with Monokai token colors and purple accents
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.
- activityBar.activeBackground#242424
- activityBar.activeBorder#68217a
- activityBar.activeFocusBorder#68217a
- activityBar.background#1b1b1b
- activityBar.dropBackground#3d3d3d
- activityBar.foreground#68217a
- activityBar.inactiveForeground#525252
- activityBarBadge.background#68217a
- activityBarBadge.foreground#ffffff
- badge.background#68217a
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#9cd9ff
- breadcrumb.focusForeground#9cd9ff
- breadcrumb.foreground#64b4fa
- breadcrumbPicker.background#242424
- button.background#68217a
- button.foreground#ffffff
- button.hoverBackground#68217a
- button.secondaryBackground#64b4fa
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#284864
- checkbox.background#525252
- checkbox.foreground#ffffff
- debugExceptionWidget.background#1b1b1b
- debugExceptionWidget.border#68217a
- debugToolBar.background#242424
- descriptionForeground#cecece
- diffEditor.insertedTextBackground#051405
- diffEditor.removedTextBackground#140000
- dropdown.background#242424
- dropdown.border#242424
- dropdown.foreground#cecece
- dropdown.listBackground#242424
- editor.background#1b1b1b
- editor.findMatchBackground#9d9d9d1a
- editor.findMatchBorder#9d9d9d
- editor.findMatchHighlightBackground#9d9d9d33
- editor.foreground#cecece
- editor.hoverHighlightBackground#9d9d9d33
- editor.inactiveSelectionBackground#9d9d9d33
- editor.lineHighlightBackground#9d9d9d1a
- editor.rangeHighlightBackground#9d9d9d1a
- editor.rangeHighlightForeground#cecece
- editor.selectionBackground#9d9d9d59
- editor.selectionForeground#cecece
- editor.selectionHighlightBackground#9d9d9d1a
- editor.selectionHighlightBorder#9d9d9d4d
- editor.wordHighlightBackground#9d9d9d33
- editor.wordHighlightBorder#9d9d9d66
- editor.wordHighlightStrongBackground#9d9d9d33
- editorBracketMatch.border#7c7c7c
- editorCodeLens.foreground#9cd9ff
- editorCursor.foreground#68217a
- editorError.foreground#f05050
- editorGroup.border#2e2e2e
- editorGroup.dropBackground#2e2e2e
- editorGroupHeader.noTabsBackground#1b1b1b
- editorGroupHeader.tabsBackground#1b1b1b
- editorGroupHeader.tabsborder#68217a
- editorGutter.addedBackground#6eb450
- editorGutter.background#1b1b1b
- editorGutter.deletedBackground#f05050
- editorGutter.modifiedBackground#68217a
- editorHoverWidget.background#242424
- editorHoverWidget.border#68217a
- editorIndentGuide.activeBackground#525252
- editorIndentGuide.background#2e2e2e
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#9d9d9d
- editorMarkerNavigation.background#242424
- editorMarkerNavigationError.background#f05050
- editorMarkerNavigationInfo.background#64b4fa
- editorMarkerNavigationWarning.background#ffc828
- editorOverviewRuler.addedForeground#a1d884
- editorOverviewRuler.bracketMatchForeground#3d3d3d
- editorOverviewRuler.commonContentForeground#68217a
- editorOverviewRuler.currentContentForeground#68217a
- editorOverviewRuler.deletedForeground#f05050
- editorOverviewRuler.errorForeground#f05050
- editorOverviewRuler.findMatchForeground#2e2e2e
- editorOverviewRuler.incomingContentForeground#68217a
- editorOverviewRuler.infoForeground#64b4fa
- editorOverviewRuler.modifiedForeground#ffe39c
- editorOverviewRuler.rangeHighlightForeground#525252
- editorOverviewRuler.selectionHighlightForeground#3d3d3d
- editorOverviewRuler.warningForeground#ffc828
- editorOverviewRuler.wordHighlightForeground#7c7c7c
- editorOverviewRuler.wordHighlightStrongForeground#7c7c7c
- editorRuler.foreground#1b1b1b
- editorSuggestWidget.background#242424
- editorSuggestWidget.border#68217a
- editorSuggestWidget.foreground#9d9d9d
- editorSuggestWidget.highlightForeground#cecece
- editorSuggestWidget.selectedBackground#2e2e2e
- editorWarning.foreground#ffc828
- editorWhitespace.foreground#2e2e2e
- editorWidget.background#2e2e2e
- editorWidget.border#3d3d3d
- editorWidget.resizeBorder#9cd9ff
- errorForeground#f05050
- extensionButton.prominentBackground#68217a
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#960096
- focusBorder#68217a
- foreground#cecece
- gitDecoration.addedResourceForeground#a1d884
- gitDecoration.conflictingResourceForeground#f05050
- gitDecoration.deletedResourceForeground#d88282
- gitDecoration.ignoredResourceForeground#636363
- gitDecoration.modifiedResourceForeground#ffe39c
- gitDecoration.untrackedResourceForeground#a1d884
- icon.foreground#cecece
- input.background#1b1b1b
- input.border#68217a
- input.foreground#cecece
- input.placeholderForeground#525252
- inputOption.activeBorder#68217a
- inputValidation.errorBackground#392020
- inputValidation.errorBorder#f05050
- inputValidation.infoBackground#284864
- inputValidation.infoBorder#64b4fa
- inputValidation.warningBackground#665010
- inputValidation.warningBorder#ffc828
- list.activeSelectionBackground#68217a
- list.activeSelectionForeground#ffffff
- list.dropBackground#3d3d3d
- list.errorForeground#f05050
- list.focusBackground#242424
- list.focusForeground#9d9d9d
- list.highlightForeground#9d9d9d
- list.hoverBackground#68217a
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#68217a70
- list.inactiveSelectionForeground#cecece
- list.invalidItemForeground#960096
- list.warningForeground#ffe39c
- menu.background#242424
- menu.foreground#9d9d9d
- menu.selectionBackground#68217a
- menu.selectionForeground#ffffff
- menu.separatorBackground#2e2e2e
- menubar.selectionBackground#68217a
- menubar.selectionForeground#ffffff
- merge.commonContentBackground#ffe39c50
- merge.currentHeaderBackground#a1d88450
- merge.incomingHeaderBackground#9cd9ff50
- minimap.background#1b1b1b
- minimap.errorHighlight#f05050
- minimap.findMatchHighlight#6eb450
- minimap.selectionHighlight#68217a
- minimap.warningHighlight#ffc828
- minimapGutter.addedBackground#6eb450
- minimapGutter.deletedBackground#f05050
- minimapGutter.modifiedBackground#68217a
- minimapSlider.activeBackground#7c7c7c60
- minimapSlider.background#52525260
- minimapSlider.hoverBackground#3d3d3d60
- notificationCenter.border#68217a
- notificationCenterHeader.background#242424
- notificationCenterHeader.foreground#9d9d9d
- notificationLink.foreground#68217a
- notifications.background#1b1b1b
- notifications.border#68217a
- notifications.foreground#cecece
- notificationToast.border#68217a
- panel.background#1b1b1b
- panel.border#2e2e2e
- panelSection.dropBackground#68217a
- panelSectionHeader.background#242424
- panelSectionHeader.border#68217a
- panelSectionHeader.foreground#cecece
- panelTitle.activeBorder#68217a
- panelTitle.activeForeground#cecece
- panelTitle.inactiveForeground#7c7c7c
- peekView.border#68217a
- peekViewEditor.background#1b1b1b
- peekViewEditor.matchHighlightBackground#3d3d3d
- peekViewResult.background#242424
- peekViewResult.fileForeground#cecece
- peekViewResult.lineForeground#cecece
- peekViewResult.matchHighlightBackground#3d3d3d
- peekViewResult.selectionBackground#2e2e2e
- peekViewResult.selectionForeground#cecece
- peekViewTitle.background#242424
- peekViewTitleDescription.foreground#cecece
- peekViewTitleLabel.foreground#cecece
- pickerGroup.border#68217a
- pickerGroup.foreground#cecece
- progress.background#68217a
- progressBar.background#68217a
- sash.hoverBorder#68217a
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#68217a70
- scrollbarSlider.background#52525250
- scrollbarSlider.hoverBackground#68217a
- selection.background#9d9d9d4d
- settings.checkboxBackground#68217a
- settings.checkboxBorder#68217a
- settings.dropdownBorder#68217a
- settings.focusedRowBackground#68217a70
- settings.focusedRowBorder#68217a
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#68217a
- settings.rowHoverBackground#68217a
- sideBar.background#1b1b1b
- sideBar.border#2e2e2e
- sideBar.foreground#9d9d9d
- sideBarSectionHeader.background#242424
- sideBarSectionHeader.foreground#9d9d9d
- sideBarTitle.foreground#9d9d9d
- statusBar.background#1b1b1b
- statusBar.border#68217a
- statusBar.debuggingBackground#68217a
- statusBar.debuggingBorder#68217a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9d9d9d
- statusBar.noFolderBackground#1b1b1b
- statusBar.noFolderBorder#68217a
- statusBarItem.activeBackground#68217a
- statusBarItem.hoverBackground#68217a
- statusBarItem.prominentBackground#525252
- statusBarItem.prominentForeground#cecece
- statusBarItem.prominentHoverBackground#525252
- tab.activeBackground#242424
- tab.activeBorder#68217a
- tab.activeForeground#cecece
- tab.activeModifiedBorder#ffe39c
- tab.border#2e2e2e
- tab.hoverBackground#2e2e2e
- tab.hoverForeground#cecece
- tab.inactiveBackground#1b1b1b
- tab.inactiveForeground#7c7c7c
- tab.inactiveModifiedBorder#ffe39c50
- tab.unfocusedActiveBackground#2e2e2e60
- tab.unfocusedActiveborder#68217a
- tab.unfocusedActiveForeground#7c7c7c
- tab.unfocusedActiveModifiedBorder#ffe39c70
- tab.unfocusedHoverBackground#2e2e2e
- tab.unfocusedHoverForeground#7c7c7c
- tab.unfocusedInactiveBackground#1b1b1b
- tab.unfocusedInactiveForeground#525252
- tab.unfocusedInactiveModifiedBorder#ffe39c50
- terminal.ansiBlack#000000
- terminal.ansiBlue#00b1ff
- terminal.ansiBrightBlack#7c7c7c
- terminal.ansiBrightBlue#00b1ff
- terminal.ansiBrightCyan#00dcdc
- terminal.ansiBrightGreen#aae682
- terminal.ansiBrightMagenta#ff50ff
- terminal.ansiBrightRed#ff7878
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffdc96
- terminal.ansiCyan#00dcdc
- terminal.ansiGreen#aae682
- terminal.ansiMagenta#ff50ff
- terminal.ansiRed#ff7878
- terminal.ansiWhite#cecece
- terminal.ansiYellow#ffdc96
- terminal.background#1b1b1b
- textBlockQuote.background#242424
- textBlockQuote.border#7c7c7c
- textCodeBlock.background#242424
- textLink.activeForeground#00a3ef
- textLink.foreground#00b1ff
- textPreformat.foreground#cecece
- textSeparator.foreground#242424
- titleBar.activeBackground#1b1b1b
- titleBar.activeForeground#9d9d9d
- titleBar.inactiveBackground#1b1b1b
- titleBar.inactiveForeground#525252
- toolbar.activeBackground#68217a
- toolbar.hoverBackground#68217a
- walkThrough.embeddedEditorBackground#1b1b1b
- welcomePage.buttonBackground#242424
- welcomePage.buttonHoverBackground#2e2e2e
- welcomePage.progress.foreground#68217a
- widget.shadow#00000030
- window.activeBorder#1b1b1b
- window.inactiveBorder#1b1b1b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #F8F8F2 | — |
| comment | #88846f | — |
| 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, entity.name.namespace, entity.name.scope-resolution | #C0FF43 | underline |
| entity.other.inherited-class | #C0FF43 | italic underline |
| entity.name.function | #C0FF43 | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #C0FF43 | |
| 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 | #C0FF43 | — |
| 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 | #C0FF43 | — |
| markup.heading.setext | #C0FF43 | 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.strikethrough | — | strikethrough |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #f8f8f2 | — |
| punctuation.definition.list.begin.markdown | #C0FF43 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| variable.language | #FD971F | italic |