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#1F83FF
- activityBarBadge.foreground#FFFFFF
- button.background#1F83FF
- diffEditor.insertedTextBackground#59F04825
- diffEditor.removedTextBackground#FC3A5B25
- dropdown.background#0A0A0A
- dropdown.border#002233
- editor.background#000000
- editor.findMatchBackground#1F83FF80
- editor.findMatchHighlightBackground#004EBA80
- editor.foreground#FFFFFF
- editor.lineHighlightBackground#111111
- editor.selectionBackground#004EBA
- editorCursor.foreground#FFFFFF
- editorError.foreground#FC3A5B
- 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#FC3A5B
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#050505
- statusBarItem.hoverBackground#222222
- tab.activeBackground#111111
- tab.activeBorderTop#1F83FF
- tab.border#000000
- tab.inactiveBackground#050505
- terminal.ansiBlack#000000
- terminal.ansiBlue#1F83FF
- terminal.ansiBrightBlack#555555
- terminal.ansiBrightBlue#4D9DFF
- terminal.ansiBrightCyan#5CFFFF
- terminal.ansiBrightGreen#7CFF6B
- terminal.ansiBrightMagenta#F06AF7
- terminal.ansiBrightRed#FF617B
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE866
- terminal.ansiCyan#2CE5FF
- terminal.ansiGreen#59F048
- terminal.ansiMagenta#E73DF0
- terminal.ansiRed#FC3A5B
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#FFDF33
- 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 | #FFDF33 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #FC3A5B | — |
| meta.string.template | #FF8C1C | — |
| meta | #FFFFFF | — |
| constant.numeric | #E73DF0 | — |
| string.embedded.begin, string.embedded.end | #E73DF0 | — |
| string.embedded | #59F048 | — |
| constant.language | #E73DF0 | — |
| constant.character, constant.other | #E73DF0 | — |
| variable.language | #FC3A5B | italic |
| variable.readwrite, variable.readwrite.other.block | #1F83FF | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #FC3A5B | — |
| keyword.operator | #FC3A5B | — |
| storage | #FC3A5B | italic |
| storage.type | #2CE5FF | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #1F83FF | — |
| meta.block.switch.c, variable.other.object | #1F83FF | — |
| variable.other.property, variable.other.block | #FFFFFF | — |
| entity.other.inherited-class | #59F048 | — |
| entity.name.function, support.function | #59F048 | — |
| support.function | #2CE5FF | — |
| variable.parameter | #FF7B1C | italic |
| entity.name.function-call | #FFFFFF | — |
| function.support.builtin, function.support.core | #59F048 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #FC3A5B | — |
| entity.name.tag.class, entity.name.tag.id | #2CE5FF | — |
| entity.other.attribute-name | #59F048 | — |
| support.constant | #2CE5FF | — |
| support.type, support.variable | #2CE5FF | — |
| support.dictionary.json | #2CE5FF | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #15D4EA | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #59F048 | — |
| variable.css, variable.scss, variable.less, variable.sass | #2CE5FF | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #FFC324 | — |
| unit.css, unit.scss, unit.less, unit.sass | #C43AEB | — |
| constant.numeric.css, constant.numeric.scss, constant.numeric.less, constant.numeric.sass | #E73DF0 | — |
| function.css, function.scss, function.less, function.sass | #2CE5FF | — |
| support.other.variable | — | |
| invalid | #FFFFFF | — |
| invalid.deprecated | #FFFFFF | — |
| structure.dictionary.property-name.json | #15D4EA | — |
| string.detected-link | #1F83FF | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #E73DF0 | — |
| markup.inserted | #FFC324 | — |
| markup.changed | #FFC324 | — |
| constant.numeric.line-number.find-in-files - match | #2CE5FF | — |
| entity.name.filename.find-in-files | #FFC324 | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown | #888888 | |
| markup.underline.link.markdown | #1F83FF | — |
| markup.bold.markdown | — | bold |
| punctuation.definition.bold.markdown | #AAAAAA | |
| markup.heading.markdown | #FC3A5B | bold |
| punctuation.definition.heading.markdown | #AAAAAA | |
| markup.quote.markdown | #59F048 | — |
| meta.separator.markdown | #E73DF0 | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #2CE5FF | — |
| punctuation.definition.list_item.markdown | #FFFFFF | bold |
| variable.other.jsdoc | #A0A0A0 | — |