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#F5F5F5
- activityBar.foreground#000000
- activityBarBadge.background#0000FF
- activityBarBadge.foreground#FFFFFF
- button.background#0000FF
- diffEditor.insertedTextBackground#00BB0025
- diffEditor.removedTextBackground#FF000025
- dropdown.background#FFFFFF
- dropdown.border#E0F2F7
- editor.background#FFFFFF
- editor.findMatchBackground#0088FF80
- editor.findMatchHighlightBackground#00AAFF40
- editor.foreground#000000
- editor.lineHighlightBackground#F0F0F0
- editor.selectionBackground#BBDDFF
- editorCursor.foreground#000000
- editorError.foreground#FF0000
- editorGroup.border#E0F2F7
- editorGroupHeader.tabsBackground#F0F0F0
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#E0F2F7
- editorHoverWidget.highlightForeground#000000
- editorIndentGuide.background#E0E0E0
- editorInlayHint.background#F0F0F0
- editorInlayHint.foreground#666666
- editorLineNumber.foreground#999999
- editorRuler.foreground#E0E0E0
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#E0F2F7
- editorSuggestWidget.selectedBackground#E8E8E8
- editorWhitespace.foreground#E0E0E0
- editorWidget.background#FFFFFF
- input.background#FFFFFF
- list.activeSelectionBackground#DDEEFF
- list.activeSelectionForeground#000000
- list.focusBackground#E8E8E8
- list.highlightForeground#0000FF
- list.hoverBackground#F5F5F5
- list.inactiveSelectionBackground#EEEEEE
- list.inactiveSelectionForeground#333333
- scrollbarSlider.activeBackground#99999980
- scrollbarSlider.background#CCCCCC80
- scrollbarSlider.hoverBackground#AAAAAA80
- sideBar.background#FAFAFA
- sideBar.border#E0F2F7
- sideBarSectionHeader.background#F0F0F0
- statusBar.background#F5F5F5
- statusBar.debuggingBackground#FF0000
- statusBar.foreground#000000
- statusBar.noFolderBackground#F5F5F5
- statusBarItem.hoverBackground#E8E8E8
- tab.activeBackground#FFFFFF
- tab.activeBorderTop#0000FF
- tab.border#DDDDDD
- tab.inactiveBackground#F0F0F0
- terminal.ansiBlack#000000
- terminal.ansiBlue#0000FF
- terminal.ansiBrightBlack#555555
- terminal.ansiBrightBlue#3333FF
- terminal.ansiBrightCyan#33BBEE
- terminal.ansiBrightGreen#33CC33
- terminal.ansiBrightMagenta#FF33FF
- terminal.ansiBrightRed#FF3333
- terminal.ansiBrightWhite#F0F0F0
- terminal.ansiBrightYellow#FFBB33
- terminal.ansiCyan#0099DD
- terminal.ansiGreen#00BB00
- terminal.ansiMagenta#FF00FF
- terminal.ansiRed#FF0000
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#DD9900
- terminal.background#FFFFFF
- terminal.foreground#000000
- titleBar.activeBackground#F5F5F5
- titleBar.activeForeground#000000
- titleBar.inactiveBackground#FAFAFA
- titleBar.inactiveForeground#777777
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #000000 | — |
| comment, string.comment | #767C87 | italic |
| string | #FF7700 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #FF0000 | — |
| meta.string.template | #FF5500 | — |
| meta | #000000 | — |
| constant.numeric | #FF00FF | — |
| string.embedded.begin, string.embedded.end | #FF00FF | — |
| string.embedded | #00BB00 | — |
| constant.language | #FF00FF | — |
| constant.character, constant.other | #FF00FF | — |
| variable.language | #FF0000 | italic |
| variable.readwrite, variable.readwrite.other.block | #0000FF | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #FF0000 | — |
| keyword.operator | #FF0000 | — |
| storage | #FF0000 | italic |
| storage.type | #00AAAA | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #0000FF | — |
| meta.block.switch.c, variable.other.object | #0000FF | — |
| variable.other.property, variable.other.block | #000000 | — |
| entity.other.inherited-class | #00BB00 | — |
| entity.name.function, support.function | #00BB00 | — |
| support.function | #00AAAA | — |
| variable.parameter | #FF5500 | italic |
| entity.name.function-call | #000000 | — |
| function.support.builtin, function.support.core | #00BB00 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #FF0000 | — |
| entity.name.tag.class, entity.name.tag.id | #00AAAA | — |
| entity.other.attribute-name | #00BB00 | — |
| support.constant | #00AAAA | — |
| support.type, support.variable | #00AAAA | — |
| support.dictionary.json | #00AAAA | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #0099DD | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #00BB00 | — |
| variable.css, variable.scss, variable.less, variable.sass | #00AAAA | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #DD9900 | — |
| unit.css, unit.scss, unit.less, unit.sass | #AA00FF | — |
| constant.numeric.css, constant.numeric.scss, constant.numeric.less, constant.numeric.sass | #FF00FF | — |
| function.css, function.scss, function.less, function.sass | #00AAAA | — |
| support.other.variable | — | |
| invalid | #FF0000 | — |
| structure.dictionary.property-name.json | #0099DD | — |
| string.detected-link | #0000FF | — |