Material Monokai Theme
Publisher: Alessio Enrico RepettiThemes in package: 1
Material Monokai Theme
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#9dff00
- activityBar.background#192227
- activityBar.border#00000030
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#9dff00
- activityBarBadge.foreground#000000
- badge.background#00000030
- badge.foreground#5f7a87
- breadcrumbPicker.background#263238
- button.background#80cbc420
- contrastActiveBorder#00000000
- contrastBorder#00000000
- debugToolBar.background#263238
- diffEditor.insertedTextBackground#9dff0020
- diffEditor.removedTextBackground#ff2c9630
- dropdown.background#263238
- dropdown.border#ffffff10
- dropdown.listBackground#1e1f1c
- editor.background#263238
- editor.foreground#ffffff
- editor.inactiveSelectionBackground#5f7a8770
- editor.lineHighlightBackground#00000050
- editor.selectionBackground#5f7a8770
- editor.selectionHighlightBackground#ffcc0020
- editor.selectionHighlightBorder#ffcc0020
- editor.wordHighlightBackground#4a4a7680
- editor.wordHighlightStrongBackground#6a6a9680
- editorBracketHighlight.foreground1#b267e6
- editorBracketHighlight.foreground2#e6db74
- editorBracketHighlight.foreground3#fd971f
- editorBracketHighlight.foreground4#00000000
- editorBracketHighlight.foreground5#00000000
- editorBracketHighlight.foreground6#00000000
- editorBracketHighlight.unexpectedBracket.foreground#ff1212cc
- editorBracketMatch.background#263238
- editorBracketMatch.border#ffcc0050
- editorCursor.foreground#ffffff
- editorError.foreground#ff6600
- editorGroup.border#00000030
- editorGroup.dropBackground#9dff0080
- editorGroupHeader.tabsBackground#192227
- editorGroupHeader.tabsBorder#00000030
- editorGutter.addedBackground#c3e88d60
- editorGutter.deletedBackground#ff537060
- editorGutter.modifiedBackground#82aaff60
- editorHoverWidget.background#263238
- editorHoverWidget.border#ffffff10
- editorIndentGuide.activeBackground#37474f
- editorIndentGuide.background#37474f70
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#ffffff66
- editorLink.activeForeground#ffffff
- editorMarkerNavigation.background#ffffff05
- editorOverviewRuler.border#263238
- editorRuler.foreground#37474f
- editorSuggestWidget.background#263238
- editorSuggestWidget.border#ffffff10
- editorSuggestWidget.foreground#ffffff
- editorSuggestWidget.highlightForeground#9dff00
- editorSuggestWidget.selectedBackground#ea5c0038
- editorWarning.foreground#c3e88d70
- editorWhitespace.foreground#ffffff20
- editorWidget.background#192227
- editorWidget.border#9dff00
- editorWidget.resizeBorder#9dff00
- errorForeground#9dff00
- extensionButton.prominentBackground#c3e88d90
- extensionButton.prominentHoverBackground#c3e88d
- focusBorder#ffffff00
- gitDecoration.conflictingResourceForeground#ffcb6b90
- gitDecoration.deletedResourceForeground#ff537090
- gitDecoration.ignoredResourceForeground#5f7a8790
- gitDecoration.modifiedResourceForeground#82aaff90
- gitDecoration.untrackedResourceForeground#c3e88d90
- input.background#ffffff05
- input.border#ffffff10
- input.foreground#ffffff
- input.placeholderForeground#ffffff60
- inputOption.activeBorder#75715e
- inputValidation.errorBackground#90274a
- inputValidation.errorBorder#ff537050
- inputValidation.infoBackground#546190
- inputValidation.infoBorder#82aaff50
- inputValidation.warningBackground#848528
- inputValidation.warningBorder#ffcb6b50
- list.activeSelectionBackground#5f7a8770
- list.activeSelectionForeground#9dff00
- list.dropBackground#414339
- list.focusBackground#ffffff20
- list.focusForeground#ffffff
- list.highlightForeground#9dff00
- list.hoverBackground#192227
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#5f7a8770
- list.inactiveSelectionForeground#9dff00
- menu.selectionBackground#5f7a8770
- menubar.selectionBackground#5f7a8770
- notificationLink.foreground#9dff00
- notifications.background#263238
- notifications.foreground#ffffff
- panel.background#192227
- panel.border#00000030
- panelTitle.activeBorder#9dff00
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#ffffff
- peekView.border#00000030
- peekViewEditor.background#ffffff05
- peekViewEditor.matchHighlightBackground#80cbc420
- peekViewEditorGutter.background#ffffff05
- peekViewResult.background#ffffff05
- peekViewResult.matchHighlightBackground#80cbc420
- peekViewResult.selectionBackground#5f7a8770
- peekViewTitle.background#ffffff05
- peekViewTitleDescription.foreground#ffffff60
- pickerGroup.foreground#9dff00
- progressBar.background#9dff00
- scrollbar.shadow#26323800
- scrollbarSlider.activeBackground#9dff0050
- scrollbarSlider.background#00000070
- scrollbarSlider.hoverBackground#00000030
- selection.background#5f7a8770
- settings.numberInputBackground#32342d
- settings.textInputBackground#32342d
- sideBar.background#192227
- sideBar.border#00000030
- sideBar.foreground#5f7a87
- sideBarSectionHeader.background#192227
- sideBarTitle.foreground#ffffff
- statusBar.background#192227
- statusBar.border#00000030
- statusBar.debuggingBackground#c792ea
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#5f7a87
- statusBar.noFolderBackground#263238
- statusBarItem.hoverBackground#5f7a8720
- tab.activeBorder#9dff00
- tab.activeForeground#ffffff
- tab.border#192227
- tab.inactiveBackground#263238
- tab.inactiveForeground#5f7a87
- tab.unfocusedActiveBorder#5f7a87
- tab.unfocusedActiveForeground#ffffff
- terminal.ansiBlack#000000
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#5f7a87
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#2edcff
- terminal.ansiBrightGreen#9dff00
- terminal.ansiBrightMagenta#b78aff
- terminal.ansiBrightRed#ff2c96
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e6db74
- terminal.ansiCyan#2edcff
- terminal.ansiGreen#9dff00
- terminal.ansiMagenta#b78aff
- terminal.ansiRed#ff2c96
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#e6db74
- terminal.selectionBackground#5f7a8770
- textLink.activeForeground#ffffff
- textLink.foreground#9dff00
- titleBar.activeBackground#192227
- titleBar.activeForeground#ffffff
- titleBar.border#00000030
- titleBar.inactiveBackground#192227
- titleBar.inactiveForeground#5f7a87
- widget.shadow#00000030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #F8F8F2 | — |
| comment | #5F7A87 | — |
| string | #E6DB74 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #FF2C96 | — |
| meta.template.expression | #F8F8F2 | — |
| constant.numeric | #B78AFF | — |
| constant.language | #B78AFF | — |
| constant.character, constant.other | #B78AFF | — |
| variable | #F8F8F2 | |
| keyword | #FF2C96 | — |
| storage | #FF2C96 | |
| storage.type | #2EDCFF | italic |
| entity.name.type, entity.name.class | #9DFF00 | underline |
| entity.other.inherited-class | #9DFF00 | italic underline |
| entity.name.function | #9DFF00 | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #FF2C96 | |
| entity.other.attribute-name | #9DFF00 | |
| support.function | #2EDCFF | |
| support.constant | #2EDCFF | |
| support.type, support.class | #2EDCFF | 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 | #FF2C96 | — |
| markup.inserted | #9DFF00 | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #B78AFFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| markup.quote | #FF2C96 | — |
| markup.list | #E6DB74 | — |
| markup.bold, markup.italic | #2EDCFF | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #9DFF00 | — |
| markup.heading.setext | #9DFF00 | |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| variable.language | #FD971F | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...