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#F5F6F8
- activityBar.foreground#111111
- activityBarBadge.background#005BD6
- activityBarBadge.foreground#FFFFFF
- button.background#005BD6
- diffEditor.insertedTextBackground#2AA10025
- diffEditor.removedTextBackground#D6153625
- dropdown.background#FFFFFF
- dropdown.border#DCEAF7
- editor.background#FFFFFF
- editor.findMatchBackground#79B8FF80
- editor.findMatchHighlightBackground#C8E1FF80
- editor.foreground#111111
- editor.lineHighlightBackground#F6F8FA
- editor.selectionBackground#CCE5FF
- editorCursor.foreground#111111
- editorError.foreground#D61536
- editorGroup.border#DCEAF7
- editorGroupHeader.tabsBackground#F6F8FA
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#DCEAF7
- editorHoverWidget.highlightForeground#111111
- editorIndentGuide.background#E1E4E8
- editorInlayHint.background#F6F8FA
- editorInlayHint.foreground#6A737D
- editorLineNumber.foreground#A3AAB2
- editorRuler.foreground#E1E4E8
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#DCEAF7
- editorSuggestWidget.selectedBackground#F0F3F6
- editorWhitespace.foreground#E1E4E8
- editorWidget.background#FFFFFF
- input.background#FFFFFF
- list.activeSelectionBackground#E6F0FF
- list.activeSelectionForeground#111111
- list.focusBackground#F0F3F6
- list.highlightForeground#005BD6
- list.hoverBackground#F6F8FA
- list.inactiveSelectionBackground#F0F3F6
- list.inactiveSelectionForeground#4D4D4D
- scrollbarSlider.activeBackground#959DA580
- scrollbarSlider.background#D1D5DA80
- scrollbarSlider.hoverBackground#B1B8C080
- sideBar.background#FDFDFD
- sideBar.border#DCEAF7
- sideBarSectionHeader.background#F6F8FA
- statusBar.background#F5F6F8
- statusBar.debuggingBackground#D61536
- statusBar.foreground#111111
- statusBar.noFolderBackground#F5F6F8
- statusBarItem.hoverBackground#E1E4E8
- tab.activeBackground#FFFFFF
- tab.activeBorderTop#005BD6
- tab.border#E1E4E8
- tab.inactiveBackground#F6F8FA
- terminal.ansiBlack#111111
- terminal.ansiBlue#005BD6
- terminal.ansiBrightBlack#4D4D4D
- terminal.ansiBrightBlue#1A75FF
- terminal.ansiBrightCyan#1AA1B3
- terminal.ansiBrightGreen#3CB814
- terminal.ansiBrightMagenta#D43BC5
- terminal.ansiBrightRed#E63956
- terminal.ansiBrightWhite#F0F3F6
- terminal.ansiBrightYellow#ED891C
- terminal.ansiCyan#008C9E
- terminal.ansiGreen#2AA100
- terminal.ansiMagenta#C424B5
- terminal.ansiRed#D61536
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#D67300
- terminal.background#FFFFFF
- terminal.foreground#111111
- titleBar.activeBackground#F5F6F8
- titleBar.activeForeground#111111
- titleBar.inactiveBackground#FDFDFD
- titleBar.inactiveForeground#6A737D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #111111 | — |
| comment, string.comment | #858B96 | italic |
| string | #D67300 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #D61536 | — |
| meta.string.template | #C24F00 | — |
| meta | #111111 | — |
| constant.numeric | #C424B5 | — |
| string.embedded.begin, string.embedded.end | #C424B5 | — |
| string.embedded | #2AA100 | — |
| constant.language | #C424B5 | — |
| constant.character, constant.other | #C424B5 | — |
| variable.language | #D61536 | italic |
| variable.readwrite, variable.readwrite.other.block | #005BD6 | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #D61536 | — |
| keyword.operator | #D61536 | — |
| storage | #D61536 | italic |
| storage.type | #008C9E | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #005BD6 | — |
| meta.block.switch.c, variable.other.object | #005BD6 | — |
| variable.other.property, variable.other.block | #111111 | — |
| entity.other.inherited-class | #2AA100 | — |
| entity.name.function, support.function | #2AA100 | — |
| support.function | #008C9E | — |
| variable.parameter | #D95800 | italic |
| entity.name.function-call | #111111 | — |
| function.support.builtin, function.support.core | #2AA100 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #D61536 | — |
| entity.name.tag.class, entity.name.tag.id | #008C9E | — |
| entity.other.attribute-name | #2AA100 | — |
| support.constant | #008C9E | — |
| support.type, support.variable | #008C9E | — |
| support.dictionary.json | #008C9E | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #007A8A | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #2AA100 | — |
| variable.css, variable.scss, variable.less, variable.sass | #008C9E | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #BA8600 | — |
| unit.css, unit.scss, unit.less, unit.sass | #9A1FBC | — |
| constant.numeric.css, constant.numeric.scss, constant.numeric.less, constant.numeric.sass | #C424B5 | — |
| function.css, function.scss, function.less, function.sass | #008C9E | — |
| support.other.variable | — | |
| invalid | #D61536 | — |
| structure.dictionary.property-name.json | #007A8A | — |
| string.detected-link | #005BD6 | — |