Monokai Supersaturated
Publisher: LimespyThemes in package: 1
Monokai theme taken to an extreme. Black background and extremely saturate colours.
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.background#000000
- activityBar.border#000000
- activityBar.foreground#ff1100
- activityBar.inactiveForeground#ff333377
- activityBarBadge.background#000000
- activityBarBadge.foreground#770000
- badge.background#000000
- badge.foreground#770000
- breadcrumb.foreground#770000
- button.background#000000
- button.foreground#ffffff
- button.hoverBackground#000000
- checkbox.border#f82a5d75
- contrastActiveBorder#00000000
- contrastBorder#770000
- debugExceptionWidget.background#000000
- debugExceptionWidget.border#770000
- debugToolBar.background#000000
- debugToolBar.border#770000
- diffEditor.insertedTextBackground#31958a55
- diffEditor.insertedTextBorder#31958a55
- diffEditor.removedTextBackground#892f4688
- diffEditor.removedTextBorder#31958a55
- dropdown.background#111111
- dropdown.border#770000
- dropdown.foreground#cccccc
- editor.background#000000
- editor.findMatchBackground#ffaaff
- editor.findMatchBorder#f82a5d75
- editor.findMatchHighlightBackground#eeeeee44
- editor.foreground#cccccc
- editor.inactiveSelectionBackground#550000
- editor.lineHighlightBackground#550000
- editor.lineHighlightBorder#f82a5d75
- editor.selectionBackground#771166
- editor.selectionForeground#000c18
- editor.selectionHighlightBackground#550000
- editorBracketHighlight.foreground1#CCFF00
- editorBracketHighlight.foreground2#CC00FF
- editorBracketHighlight.foreground3#33FF00
- editorBracketHighlight.foreground4#FF9900
- editorBracketHighlight.foreground5#00FFFF
- editorBracketHighlight.foreground6#CCFF00
- editorBracketHighlight.unexpectedBracket.foreground#FF0000cc
- editorCursor.foreground#ff1100
- editorGroup.border#770000
- editorGroupHeader.border#000000
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#000000
- editorHint.foreground#e7dc60
- editorHoverWidget.background#000000
- editorHoverWidget.border#770000
- editorIndentGuide.activeBackground#505050
- editorLineNumber.activeForeground#ff1100
- editorLineNumber.foreground#770000
- editorLink.activeForeground#0063a5
- editorMarkerNavigation.background#060621
- editorMarkerNavigationError.background#ab395b
- editorMarkerNavigationWarning.background#5b7e7a
- editorPane.background#000000
- editorSuggestWidget.background#110000
- editorSuggestWidget.border#770000
- editorSuggestWidget.foreground#ffffff
- editorSuggestWidget.highlightForeground#e7dc60
- editorSuggestWidget.selectedBackground#ff333377
- editorWidget.background#000000
- editorWidget.border#000000
- focusBorder#f82a5d75
- foreground#cccccc
- gitlens.trailingLineBackgroundColor#000000
- gitlens.trailingLineForegroundColor#770000
- icon.foreground#ffffff
- input.background#111111
- input.border#770000
- input.foreground#ffffff
- input.placeholderForeground#f82a5d75
- list.activeSelectionBackground#f82a5d75
- list.focusBackground#770000
- list.hoverBackground#550000
- list.inactiveFocusOutline#f82a5d
- list.inactiveSelectionBackground#f82a5d15
- menu.background#000000
- menu.border#f82a5d75
- menu.foreground#cccccc
- menu.selectionBackground#ff1100
- menubar.selectionBackground#550000
- menubar.selectionBorder#770000
- merge.border#f82a5d75
- notificationCenter.border#770000
- notificationCenterHeader.background#000000
- notificationCenterHeader.foreground#ffffff
- notifications.background#000000
- notifications.border#f82a5d75
- notifications.foreground#ffffff
- panel.background#000000
- panel.border#770000
- panel.dropBorder#f82a5d
- panelSection.border#f82a5d75
- panelTitle.activeForeground#777777
- panelTitle.inactiveForeground#ff666677
- peekView.border#f82a5d75
- peekViewTitle.background#000000
- peekViewTitleLabel.foreground#ffffff
- quickInput.background#000000
- scrollbarSlider.activeBackground#ff1100
- scrollbarSlider.background#550000
- scrollbarSlider.hoverBackground#770000
- settings.dropdownBackground#111111
- settings.headerForeground#cccccc
- sideBar.background#000000
- sideBar.border#770000
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#770000
- sideBarSectionHeader.foreground#770000
- sideBarTitle.foreground#ff1100
- statusBar.background#550000
- statusBar.border#f82a5d75
- statusBar.debuggingBackground#440022
- statusBar.debuggingForeground#f82a5d
- statusBar.foreground#cccccc
- statusBar.noFolderBackground#000000
- statusBar.noFolderForeground#f82a5d
- statusBarItem.hoverBackground#101010
- tab.activeBackground#000000
- tab.activeBorder#ffffff
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#f82a5d75
- tab.border#000000
- tab.hoverBackground#ff1100
- tab.hoverBorder#f82a5d75
- tab.inactiveBackground#222222
- tab.inactiveForeground#ffffff
- tab.inactiveModifiedBorder#f82a5d75
- tab.unfocusedActiveBackground#000000
- tab.unfocusedActiveBorder#f82a5d
- tab.unfocusedActiveForeground#ffffff
- tab.unfocusedHoverBackground#f82a5d25
- tab.unfocusedInactiveBackground#000000
- tab.unfocusedInactiveForeground#ffffff
- terminal.ansiBlack#555555
- terminal.ansiBlue#0000CC
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#2222FF
- terminal.ansiBrightCyan#22FFFF
- terminal.ansiBrightGreen#22FF22
- terminal.ansiBrightMagenta#FF22FF
- terminal.ansiBrightRed#FF2222
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFFF22
- terminal.ansiCyan#00CCCC
- terminal.ansiGreen#00CC00
- terminal.ansiMagenta#CC00CC
- terminal.ansiRed#CC0000
- terminal.ansiWhite#CCCCCC
- terminal.ansiYellow#CCCC00
- terminal.border#222222
- terminal.foreground#cccccc
- terminal.selectionBackground#ff000055
- terminalCursor.foreground#990000
- titleBar.activeBackground#000000
- titleBar.activeForeground#cccccc
- titleBar.border#770000
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#777777
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.indexed-name.python | #9999FF | |
| meta.function-call.generic.python | #99FF99 | |
| keyword.operator.unpacking.arguments.python | #AAEE00 | |
| string.quoted.docstring.multi.python | #CCFF00 | |
| string | #FFCC00 | — |
| constant.numeric | #FF00FF | — |
| constant.language | #FF00AA | — |
| constant.character, constant.other | #CCC | — |
| variable | #FF0066 | |
| keyword | #FF0066 | bold |
| storage | #DD0022 | bold |
| storage.type | #00FFEE | |
| entity.name.class | #99FF00 | underline |
| entity.other.inherited-class | #88FF00 | underline |
| entity.name.function | #AAEE00 | |
| variable.parameter | #FF9900 | |
| variable.language | #99FF00 | |
| variable.language.special.self.python | #00FFEE | |
| variable.parameter.function.language.special.self.python | #00FFEE | |
| entity.name.tag | #FF0066 | bold |
| entity.other.attribute-name | #AAEE00 | |
| support.function | #66D9EF | |
| support.constant | #66D9EF | |
| support.type, support.class | #66D9EF | |
| support.other.variable | — | |
| invalid | #FF6666 | bold |
| invalid.deprecated | #ee9966 | bold |
| 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 | — |
| heading.1.markdown | #A6E22E | bold |
| punctuation.definition.heading.markdown | #A6E22E | — |
| entity.name.section.markdown | #A6E22E | — |
| punctuation.definition.list.begin.markdown | #AE81FF | — |
| meta.image.inline.markdown | #E6DB74 | — |
| markup.bold.markdown | #FFFFFF | bold |
| markup.italic.markdown | #FFFFFF | italic |
| markup.inline.raw.string.markdown | #66D9EF | — |
| meta.separator.markdown | #8F8F8F | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #AE81FF | — |
| variable.other.object, punctuation.accessor, meta.brace.round, variable.other.readwrite, punctuation.separator.comma | #FFFFFF | — |
| comment | #11CC00 | |
| string | #FFCC00 | — |
| constant.numeric | #FF00FF | |
| constant.language | #FF00AA | — |
| constant.character, constant.other | #CCCCCC | — |
| variable | #FF0066 | |
| keyword | #FF0066 | bold |
| storage | #DD0022 | bold |
| storage.type | #00FFEE | |
| entity.name.class | #99FF00 | underline |
| entity.other.inherited-class | #99FF00 | underline |
| entity.name.function | #AAEE00 | |
| variable.parameter | #FF9900 | |
| entity.name.tag | #FF0066 | bold |
| entity.other.attribute-name | #AAEE00 | |
| support.function | #00FFEE | |
| support.constant | #00AAFF | |
| support.type, support.class | #00AAFF | |
| support.other.variable | #FF0066 | |
| meta.structure.dictionary.json, string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.inserted | #AAEE00 | — |
| markup.changed | #EEDD00 | — |
| constant.numeric.line-number.find-in-files - match | #CC00FFA0 | — |
| entity.name.filename.find-in-files | #EEDD00 | — |
| heading.1.markdown | #99FF00 | bold |
| punctuation.definition.heading.markdown | #AAEE00 | — |
| entity.name.section.markdown | #AAEE00 | — |
| punctuation.definition.list.begin.markdown | #FF00FF | — |
| meta.image.inline.markdown | #EEDD00 | — |
| markup.bold.markdown | #FFFFFF | bold |
| markup.italic.markdown | #FFFFFF | italic |
| markup.inline.raw.string.markdown | #00FFEE | — |
| meta.separator.markdown | #8F8F8F | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #FF00FF | — |
| variable.other.object, punctuation.accessor, meta.brace.round, variable.other.readwrite, punctuation.separator.comma | #FFFFFF | — |
| token.info-token | #6699EE | — |
| token.warn-token | #CC9900 | — |
| token.error-token | #FF4444 | — |
| token.debug-token | #BB66EE | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...