Monokai Too Vibrant
Publisher: TMaumeThemes in package: 4
An ultra-high contrast take on the Monokai Vibrant theme, featuring pure blacks and maximally saturated colors.
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.background#000000
- activityBar.foreground#FFFFFF
- activityBarBadge.background#0077FF
- activityBarBadge.foreground#FFFFFF
- button.background#0077FF
- diffEditor.insertedTextBackground#33FF0025
- diffEditor.removedTextBackground#FF003325
- dropdown.background#0A0A0A
- dropdown.border#002233
- editor.background#000000
- editor.findMatchBackground#0055FF80
- editor.findMatchHighlightBackground#0033AA80
- editor.foreground#FFFFFF
- editor.lineHighlightBackground#111111
- editor.selectionBackground#0044AA
- editorCursor.foreground#FFFFFF
- editorError.foreground#FF0033
- editorGroup.border#002233
- editorGroupHeader.tabsBackground#050505
- editorHoverWidget.background#0A0A0A
- editorHoverWidget.border#002233
- editorHoverWidget.highlightForeground#FFFFFF
- editorIndentGuide.background#222222
- editorInlayHint.background#111111
- editorInlayHint.foreground#AAAAAA
- editorLineNumber.foreground#555555
- editorRuler.foreground#333333
- editorSuggestWidget.background#0A0A0A
- editorSuggestWidget.border#002233
- editorSuggestWidget.selectedBackground#222222
- editorWhitespace.foreground#222222
- editorWidget.background#0A0A0A
- input.background#0A0A0A
- list.activeSelectionBackground#222222
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#333333
- list.highlightForeground#FFFFFF
- list.hoverBackground#111111
- list.inactiveSelectionBackground#1A1A1A
- list.inactiveSelectionForeground#CCCCCC
- scrollbarSlider.activeBackground#77777780
- scrollbarSlider.background#33333380
- scrollbarSlider.hoverBackground#55555580
- sideBar.background#050505
- sideBar.border#002233
- sideBarSectionHeader.background#0A0A0A
- statusBar.background#000000
- statusBar.debuggingBackground#FF0033
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#050505
- statusBarItem.hoverBackground#222222
- tab.activeBackground#111111
- tab.activeBorderTop#0077FF
- tab.border#000000
- tab.inactiveBackground#050505
- terminal.ansiBlack#000000
- terminal.ansiBlue#0077FF
- terminal.ansiBrightBlack#555555
- terminal.ansiBrightBlue#3399FF
- terminal.ansiBrightCyan#33FFFF
- terminal.ansiBrightGreen#66FF33
- terminal.ansiBrightMagenta#FF33FF
- terminal.ansiBrightRed#FF3366
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFFF33
- terminal.ansiCyan#00FFFF
- terminal.ansiGreen#33FF00
- terminal.ansiMagenta#FF00FF
- terminal.ansiRed#FF0033
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#FFFF00
- terminal.background#000000
- terminal.foreground#FFFFFF
- titleBar.activeBackground#000000
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#050505
- titleBar.inactiveForeground#888888
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #FFFFFF | — |
| comment, string.comment | #8A93A5 | italic |
| string | #FFFF00 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #FF0033 | — |
| meta.string.template | #FF9900 | — |
| meta | #FFFFFF | — |
| constant.numeric | #FF00FF | — |
| string.embedded.begin, string.embedded.end | #FF00FF | — |
| string.embedded | #00FF00 | — |
| constant.language | #FF00FF | — |
| constant.character, constant.other | #FF00FF | — |
| variable.language | #FF0033 | italic |
| variable.readwrite, variable.readwrite.other.block | #0077FF | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #FF0033 | — |
| keyword.operator | #FF0033 | — |
| storage | #FF0033 | italic |
| storage.type | #00FFFF | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #0077FF | — |
| meta.block.switch.c, variable.other.object | #0077FF | — |
| variable.other.property, variable.other.block | #FFFFFF | — |
| entity.other.inherited-class | #33FF00 | — |
| entity.name.function, support.function | #33FF00 | — |
| support.function | #00FFFF | — |
| variable.parameter | #FF6600 | italic |
| entity.name.function-call | #FFFFFF | — |
| function.support.builtin, function.support.core | #33FF00 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #FF0033 | — |
| entity.name.tag.class, entity.name.tag.id | #00FFFF | — |
| entity.other.attribute-name | #33FF00 | — |
| support.constant | #00FFFF | — |
| support.type, support.variable | #00FFFF | — |
| support.dictionary.json | #00FFFF | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #00E5FF | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #00FF00 | — |
| variable.css, variable.scss, variable.less, variable.sass | #00FFFF | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #FFCC00 | — |
| unit.css, unit.scss, unit.less, unit.sass | #CC00FF | — |
| constant.numeric.css, constant.numeric.scss, constant.numeric.less, constant.numeric.sass | #FF00FF | — |
| function.css, function.scss, function.less, function.sass | #00FFFF | — |
| support.other.variable | — | |
| invalid | #FFFFFF | — |
| invalid.deprecated | #FFFFFF | — |
| structure.dictionary.property-name.json | #00E5FF | — |
| string.detected-link | #0077FF | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #FF00FF | — |
| markup.inserted | #FFCC00 | — |
| markup.changed | #FFCC00 | — |
| constant.numeric.line-number.find-in-files - match | #00FFFF | — |
| entity.name.filename.find-in-files | #FFCC00 | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown | #888888 | |
| markup.underline.link.markdown | #0077FF | — |
| markup.bold.markdown | — | bold |
| punctuation.definition.bold.markdown | #AAAAAA | |
| markup.heading.markdown | #FF0033 | bold |
| punctuation.definition.heading.markdown | #AAAAAA | |
| markup.quote.markdown | #33FF00 | — |
| meta.separator.markdown | #FF00FF | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #00FFFF | — |
| punctuation.definition.list_item.markdown | #FFFFFF | bold |
| variable.other.jsdoc | #A0A0A0 | — |