AX-Monokai
Publisher: Alex BartonThemes in package: 1
Monokai-inspired color theme for VS Code.
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.
- actionBar.toggledBackground#3e3d32
- activityBar.activeBackground#272822
- activityBar.activeBorder#f92672
- activityBar.background#272822
- activityBar.border#3e3d32
- activityBar.foreground#c2c2bf
- activityBar.inactiveForeground#6a6d63
- activityBarBadge.background#f92672
- activityBarBadge.foreground#f5f4f1
- badge.background#f92672
- badge.foreground#f5f4f1
- banner.iconForeground#f92672
- button.background#414339
- button.border#f5f4f112
- button.foreground#c2c2bf
- button.hoverBackground#6a6d63
- button.secondaryBackground#51584e
- button.secondaryForeground#c2c2bf
- button.secondaryHoverBackground#6a6d63
- checkbox.background#3e3d32
- checkbox.border#6a6d63
- checkbox.disabled.background#272822
- checkbox.disabled.foreground#6a6d63
- checkbox.foreground#f5f4f1
- debugToolBar.background#1e1f1c
- descriptionForeground#6a6d63
- disabledForeground#6a6d63
- dropdown.background#3e3d32
- dropdown.border#6a6d63
- dropdown.foreground#c2c2bf
- dropdown.listBackground#3e3d32
- editor.background#272822
- editor.findMatchBackground#a6e22e99
- editor.findMatchForeground#f5f4f1
- editor.findMatchHighlightBackground#a6e22e33
- editor.findMatchHighlightForeground#f5f4f166
- editor.findRangeHighlightBackground#0a5d7866
- editor.foreground#c2c2bf
- editor.hoverHighlightBackground#0a5d7899
- editor.inactiveSelectionBackground#0a5d7866
- editor.lineHighlightBackground#3e3d3266
- editor.lineHighlightBorder#3e3d3266
- editor.selectionBackground#0a5d78
- editor.selectionForeground#f5f4f1
- editor.selectionHighlightBackground#0a5d7899
- editor.selectionHighlightBorder#0a5d78
- editor.wordHighlightBackground#0a5d7866
- editor.wordHighlightBorder#6a6d63
- editor.wordHighlightStrongBackground#0a5d7899
- editor.wordHighlightStrongBorder#fb6ea1
- editor.wordHighlightTextBackground#0a5d7866
- editor.wordHighlightTextBorder#0a5d78
- editorCursor.background#f5f4f1
- editorCursor.foreground#ff5820
- editorGroup.border#51584e
- editorGroup.emptyBackground#272822
- editorGroupHeader.border#3e3d32
- editorGroupHeader.tabsBackground#272822
- editorGroupHeader.tabsBorder#414339
- editorGutter.addedBackground#a6e22e
- editorGutter.deletedBackground#f92672
- editorGutter.modifiedBackground#2c64e0
- editorIndentGuide.activeBackground1#51584e
- editorIndentGuide.background1#3e3d32
- editorLineNumber.activeForeground#fd971f
- editorLineNumber.dimmedForeground#414339
- editorLineNumber.foreground#6a6d63
- editorMultiCursor.primary.background#f5f4f1
- editorMultiCursor.primary.foreground#ff5820
- editorMultiCursor.secondary.background#f5f4f1
- editorMultiCursor.secondary.foreground#fd971f
- editorOverviewRuler.border#090906
- editorWhitespace.foreground#414339
- editorWidget.background#272822
- editorWidget.border#414339
- errorForeground#f92672
- focusBorder#51584e
- foreground#c2c2bf
- icon.foreground#6a6d63
- input.background#3e3d32
- input.border#6a6d63
- input.foreground#c2c2bf
- input.placeholderForeground#787b72
- inputOption.activeBackground#6a6d63
- inputOption.activeBorder#6a6d63
- inputOption.activeForeground#f5f4f1
- inputValidation.errorBorder#f92672
- inputValidation.errorForeground#f5f4f1
- inputValidation.infoBorder#2c64e0
- inputValidation.infoForeground#f5f4f1
- inputValidation.warningBorder#fd971f
- inputValidation.warningForeground#f5f4f1
- keybindingLabel.foreground#c2c2bf
- list.activeSelectionBackground#51584e
- list.activeSelectionForeground#f5f4f1
- list.activeSelectionIconForeground#f5f4f1
- list.focusHighlightForeground#fb6ea1
- list.highlightForeground#fb6ea1
- list.hoverBackground#414339
- list.hoverForeground#f5f4f1
- list.inactiveSelectionBackground#3e3d32
- list.inactiveSelectionForeground#f5f4f1
- notificationCenterHeader.background#1e1f1c
- notificationCenterHeader.foreground#c2c2bf
- notifications.background#1e1f1c
- notifications.border#272822
- notifications.foreground#c2c2bf
- panel.background#1e1f1c
- panel.border#3e3d32
- panelInput.border#272822
- panelTitle.activeBorder#f92672
- panelTitle.activeForeground#f5f4f1
- panelTitle.inactiveForeground#868981
- pickerGroup.border#272822
- pickerGroup.foreground#f92672
- ports.iconRunningProcessForeground#a6e22e
- progressBar.background#3e3d32
- quickInput.background#1e1f1c
- quickInput.foreground#c2c2bf
- sash.hoverBorder#c2c2bf
- search.resultsInfoForeground#6a6d63
- searchEditor.findMatchBackground#a6e22e66
- searchEditor.textInputBorder#6a6d63
- selection.background#51584e
- settings.dropdownBackground#3e3d32
- settings.dropdownBorder#6a6d63
- settings.headerForeground#f5f4f1
- settings.modifiedItemIndicator#fd971f
- sideBar.background#1e1f1c
- sideBar.border#3e3d32
- sideBar.foreground#c2c2bf
- sideBarSectionHeader.background#272822
- sideBarSectionHeader.border#272822
- sideBarSectionHeader.foreground#c2c2bf
- sideBarTitle.foreground#c2c2bf
- statusBar.background#1e1f1c
- statusBar.border#272822
- statusBar.debuggingBackground#2c64e0
- statusBar.debuggingForeground#f5f4f1
- statusBar.focusBorder#2c64e0
- statusBar.foreground#c2c2bf
- statusBar.noFolderBackground#1e1f1c
- statusBarItem.focusBorder#2c64e0
- statusBarItem.hoverBackground#3e3d32
- statusBarItem.hoverForeground#f5f4f1
- statusBarItem.prominentBackground#fd971f
- statusBarItem.prominentForeground#1e1f1c
- statusBarItem.prominentHoverBackground#feb969
- statusBarItem.remoteBackground#fd971f
- statusBarItem.remoteForeground#090906
- tab.activeBackground#272822
- tab.activeBorder#f92672
- tab.activeBorderTop#51584e
- tab.activeForeground#f5f4f1
- tab.border#1e1f1c
- tab.hoverBackground#1e1f1c
- tab.hoverBorder#fd971f
- tab.inactiveBackground#1e1f1c
- tab.inactiveForeground#868981
- tab.lastPinnedBorder#414339
- tab.selectedBackground#272822
- tab.selectedBorderTop#f92672
- tab.selectedForeground#f5f4f1a0
- tab.unfocusedActiveBorder#1e1f1c
- tab.unfocusedActiveBorderTop#51584e
- tab.unfocusedHoverBackground#1e1f1c
- terminal.ansiBlack#1e1f1c
- terminal.ansiBlue#2c64e0
- terminal.ansiBrightBlack#6a6d63
- terminal.ansiBrightBlue#7297ea
- terminal.ansiBrightCyan#66d9ef
- terminal.ansiBrightGreen#c3ec73
- terminal.ansiBrightMagenta#fb87ff
- terminal.ansiBrightRed#fb6ea1
- terminal.ansiBrightWhite#f5f4f1
- terminal.ansiBrightYellow#feb969
- terminal.ansiCyan#16b1cf
- terminal.ansiGreen#a6e22e
- terminal.ansiMagenta#f94cff
- terminal.ansiRed#f92672
- terminal.ansiWhite#c2c2bf
- terminal.ansiYellow#fd971f
- terminal.background#272822
- terminal.foreground#c2c2bf
- terminal.inactiveSelectionBackground#0a5d7866
- terminal.tab.activeBorder#2c64e0
- terminalCursor.background#f5f4f1
- terminalCursor.foreground#ff5820
- textBlockQuote.background#272822
- textBlockQuote.border#3e3d32
- textCodeBlock.background#272822
- textLink.activeForeground#f92672
- textLink.foreground#fb6ea1
- textPreformat.background#1e1f1c
- textPreformat.foreground#f5f4f1
- textSeparator.foreground#272822
- titleBar.activeBackground#1e1f1c
- titleBar.activeForeground#c2c2bf
- titleBar.border#272822
- titleBar.inactiveBackground#1e1f1c
- titleBar.inactiveForeground#969791
- toolbar.activeBackground#f92672
- toolbar.hoverBackground#1e1f1c
- toolbar.hoverOutline#272822
- welcomePage.progress.background#3e3d32
- welcomePage.progress.foreground#fd971f
- welcomePage.tileBackground#1e1f1c
- widget.border#414339
- widget.shadow#1e1f1c
- window.activeBorder#272822
- window.inactiveBorder#1e1f1c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| bold, markup.bold, markup.heading, markup.strong, strong | — | bold |
| emphasis, italic, keyword.control, markup.italic.markdown | — | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| comment | #787b72 | italic |
| entity.name.filename.find-in-files, markup.changed, markup.list, markup.underline.link.image.markdown, markup.underline.link.markdown, string | #e6db74 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #f92672 | — |
| markup.list.numbered.markdown, markup.list.unnumbered.markdown, meta.template.expression | #f5f4f1 | — |
| variable | #f5f4f1 | |
| constant.character, constant.language, constant.numeric, constant.other, string.other.link.description.markdown, string.other.link.title.markdown | #ae81ff | — |
| entity.name.tag, storage | #f92672 | |
| keyword, markup.deleted, markup.quote | #f92672 | — |
| storage.type, variable.language | #66d9ef | italic |
| support.class, support.constant, support.function, support.type | #66d9ef | |
| markup.bold, markup.italic | #66d9ef | — |
| storage.modifier | — | italic |
| entity.name.class, entity.name.function, entity.name.namespace, entity.name.scope-resolution, entity.name.type, markup.heading.setext | #a6e22e | |
| entity.other.attribute-name | #a6e22e | italic |
| entity.other.inherited-class, markup.heading, markup.inserted, punctuation.definition.list.begin.markdown | #a6e22e | — |
| markup.inline.raw, variable.parameter | #fd971f | |
| support.other.variable | — | |
| meta.structure.dictionary.json, string.quoted.double.json | #c2c2bf | — |
| meta.diff | #969791 | — |
| markup.quote.markdown | #969791 | italic |
| token.info-token | #7297ea | — |
| token.warn-token | #fd971f | — |
| invalid, token.error-token | #f44747 | — |
| token.debug-token | #ae81ff | — |