Proto Monokai V
Publisher: sandylaksanapThemes in package: 1
Visual Studio Code theme that combines the background aesthetics of Monokai One Dark Vivid with the syntax highlighting colors from the color-blind-vscode-theme.
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#131c28
- activityBar.foreground#FFFF00
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#a3e6b620
- activityBarBadge.foreground#FFFF00
- badge.background#40414A
- badge.foreground#eff0eb
- button.background#385eda
- button.foreground#ffffff
- button.hoverBackground#294bb9
- debugToolBar.background#131c28
- diffEditor.insertedTextBackground#5af78e20
- diffEditor.removedTextBackground#ff5c5750
- dropdown.background#131c28
- dropdown.border#2C2F3F
- dropdown.foreground#eff0eb
- editor.background#192434
- editor.findMatchBackground#a0845a80
- editor.findMatchHighlightBackground#314365ac
- editor.findRangeHighlightBackground#314365ac
- editor.foreground#eff0eb
- editor.hoverHighlightBackground#40414aac
- editor.lineHighlightBackground#161f2c
- editor.rangeHighlightBackground#40414Aac
- editor.selectionBackground#40414A
- editor.selectionHighlightBackground#40414Aac
- editor.snippetFinalTabstopHighlightBackground#141622
- editor.snippetFinalTabstopHighlightBorder#5af78e
- editor.snippetTabstopHighlightBackground#141622
- editor.snippetTabstopHighlightBorder#57c7ff
- editor.wordHighlightBackground#40414Aac
- editor.wordHighlightStrongBackground#40414Aac
- editorCodeLens.foreground#dfccf1
- editorCursor.foreground#F8FAFD
- editorError.foreground#ff5c57
- editorGroup.border#131c28
- editorGroup.dropBackground#1416229b
- editorGroupHeader.tabsBackground#131c28
- editorGutter.addedBackground#5af78e80
- editorGutter.deletedBackground#ff5c5780
- editorGutter.modifiedBackground#c29afe80
- editorHoverWidget.background#131c28
- editorHoverWidget.border#131c28
- editorIndentGuide.activeBackground1#FFFFFF45
- editorIndentGuide.background1#3b465560
- editorInlayHint.background#4a4a4a61
- editorInlayHint.foreground#d6d6d6
- editorLineNumber.activeForeground#8793ad
- editorLineNumber.foreground#747D9170
- editorLink.activeForeground#ffffff
- editorMarkerNavigation.background#232631
- editorMarkerNavigationError.background#ed703ac1
- editorMarkerNavigationWarning.background#6eff58c1
- editorOverviewRuler.addedForeground#5af78e80
- editorOverviewRuler.border#2C2F3F
- editorOverviewRuler.currentContentForeground#5af78e
- editorOverviewRuler.deletedForeground#ff5c5780
- editorOverviewRuler.errorForeground#ff0800
- editorOverviewRuler.incomingContentForeground#585A61
- editorOverviewRuler.infoForeground#9aedfe80
- editorOverviewRuler.modifiedForeground#9aedfe80
- editorOverviewRuler.selectionHighlightForeground#ffbc58e0
- editorOverviewRuler.warningForeground#d51200
- editorOverviewRuler.wordHighlightForeground#9aedfee0
- editorOverviewRuler.wordHighlightStrongForeground#5af78ee0
- editorRuler.foreground#4D4E4F
- editorSuggestWidget.background#131c28
- editorSuggestWidget.border#131c28
- editorSuggestWidget.foreground#eff0eb
- editorSuggestWidget.selectedBackground#2c313a
- editorWarning.foreground#9aedfe
- editorWhitespace.foreground#3B4048
- editorWidget.background#131c28
- errorForeground#ff5c57
- extensionButton.prominentBackground#5af78e90
- extensionButton.prominentForeground#eff0eb
- extensionButton.prominentHoverBackground#5af78e60
- focusBorder#585A61
- foreground#eff0eb
- git.blame.editorDecorationForeground#747D91
- gitDecoration.conflictingResourceForeground#ffbc58
- gitDecoration.deletedResourceForeground#ff5c57
- gitDecoration.ignoredResourceForeground#4D4E4F
- gitDecoration.modifiedResourceForeground#ccab28
- gitDecoration.untrackedResourceForeground#5af78e
- input.background#131c28
- input.border#2C2F3F
- input.foreground#eff0eb
- input.placeholderForeground#4D4E4F
- inputOption.activeBorder#585A61
- inputValidation.errorBorder#ff5c57
- inputValidation.infoBorder#ff6ac1
- inputValidation.warningBorder#ffbc58
- list.activeSelectionBackground#5A637550
- list.activeSelectionForeground#ffffff
- list.dropBackground#40414A
- list.errorForeground#ff5c57
- list.focusAndSelectionOutline#8b4aece0
- list.focusBackground#5A637540
- list.highlightForeground#929faf
- list.hoverBackground#5A637520
- list.inactiveSelectionBackground#5A637540
- list.inactiveSelectionForeground#ffffff
- list.warningForeground#ffbc58
- listFilterWidget.background#181B29
- listFilterWidget.noMatchesOutline#ff5c57
- listFilterWidget.outline#4D4E4F
- merge.currentHeaderBackground#5af78e90
- merge.incomingHeaderBackground#585A6190
- panel.border#2C2F3F
- panelTitle.activeBorder#ff6ac1
- panelTitle.activeForeground#eff0eb
- panelTitle.inactiveForeground#eff0eb
- peekViewEditor.background#141622
- peekViewEditor.matchHighlightBackground#ffbc5880
- peekViewResult.background#232631
- peekViewResult.fileForeground#eff0eb
- peekViewResult.lineForeground#eff0eb
- peekViewResult.matchHighlightBackground#ffbc5880
- peekViewResult.selectionBackground#40414A
- peekViewResult.selectionForeground#eff0eb
- peekViewTitle.background#2C2F3F
- peekViewTitleDescription.foreground#57c7ff
- peekViewTitleLabel.foreground#eff0eb
- pickerGroup.border#585A61
- pickerGroup.foreground#9aedfe
- progressBar.background#ff6ac1
- scrollbarSlider.activeBackground#747D9180
- scrollbarSlider.background#4E566680
- scrollbarSlider.hoverBackground#5A637580
- selection.background#585A61
- settings.checkboxBackground#232631
- settings.checkboxBorder#2C2F3F
- settings.checkboxForeground#eff0eb
- settings.dropdownBackground#232631
- settings.dropdownBorder#2C2F3F
- settings.dropdownForeground#eff0eb
- settings.headerForeground#eff0eb
- settings.modifiedItemIndicator#ff6ac1
- settings.numberInputBackground#232631
- settings.numberInputBorder#2C2F3F
- settings.numberInputForeground#eff0eb
- settings.textInputBackground#232631
- settings.textInputBorder#2C2F3F
- settings.textInputForeground#eff0eb
- sideBar.background#131c28
- sideBar.border#131c28
- sideBarSectionHeader.background#131c28
- sideBarTitle.foreground#eff0eb
- statusBar.background#131c28
- statusBar.debuggingBackground#131c28
- statusBar.debuggingForeground#eff0eb
- statusBar.foreground#747D91
- statusBar.noFolderBackground#131c28
- statusBar.noFolderForeground#eff0eb
- statusBarItem.hoverBackground#5A637540
- statusBarItem.prominentBackground#18345869
- statusBarItem.prominentHoverBackground#5A637540
- tab.activeBackground#192433
- tab.border#192433
- tab.inactiveBackground#131c28
- tab.inactiveForeground#585A61
- terminal.ansiBlack#141622
- terminal.ansiBlue#57c7ff
- terminal.ansiBrightBlack#585A61
- terminal.ansiBrightBlue#57c7ff
- terminal.ansiBrightCyan#9aedfe
- terminal.ansiBrightGreen#5af78e
- terminal.ansiBrightMagenta#ff6ac1
- terminal.ansiBrightRed#ff5c57
- terminal.ansiBrightWhite#eff0eb
- terminal.ansiBrightYellow#ffbc58
- terminal.ansiCyan#9aedfe
- terminal.ansiGreen#5af78e
- terminal.ansiMagenta#ff6ac1
- terminal.ansiRed#ff5c57
- terminal.ansiWhite#eff0eb
- terminal.ansiYellow#ffbc58
- titleBar.activeBackground#192433
- titleBar.activeForeground#747D91
- titleBar.inactiveBackground#131c28
- titleBar.inactiveForeground#747D9160
- walkThrough.embeddedEditorBackground#232631
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #eff0eb | — |
| strong, markup.bold | — | bold |
| emphasis, markup.italic | — | italic |
| markup.underline | — | underline |
| comment, punctuation.definition.comment, string.quoted.docstring | #4D4E4F | italic |
| storage.type | #ffbc58 | — |
| storage.type.primitive, support.type, entity.name.type, keyword.type, keyword.other.unit | #9aedfe | — |
| string, meta.structure.dictionary.json string.quoted.double.json | #5af78e | — |
| constant.language.boolean | #b76aff | — |
| constant.numeric, support.constant | #ffbc58 | — |
| constant.language.null | #ff5c57 | — |
| constant.language.undefined | #ff6ac1 | — |
| meta.function entity.name.function | #57c7ff | — |
| entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.require, variable.language.super, keyword.other.get, keyword.other.set | #57c7ff | — |
| variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function | #eff0eb | — |
| variable.other.constant.property | #ffbc58 | — |
| variable.other.object | #f6c672 | — |
| variable.other.constant.object | #f6c672 | italic |
| entity.name.type.class | #ff5c57 | — |
| entity.other.inherited-class entity.name.type.module | #ff5c57 | italic |
| variable.object.property | #ffbc58 | — |
| variable.parameter | — | italic |
| meta.definition.method entity.name.function | #ffbc58 | — |
| keyword, modifier, storage.modifier, support.type.object, constant.language, variable.language.this, variable.language.special.self | #ff6ac1 | — |
| storage.modifier, storage.type.class.js, variable.language.this, variable.language.this.js | — | italic |
| support.module, support.node | #ff5c57 | italic |
| template.expression.begin, template.expression.end | #ff6ac1 | — |
| support.type.exception | #ffbc58 | — |
| markup.inserted.diff, meta.diff.header.to-file | #5af78e | — |
| markup.deleted.diff, meta.diff.header.from-file | #ff5c57 | — |
| source.cs meta.class.identifier storage.type | #ff5c57 | — |
| source.cs meta.method.identifier entity.name.function | #ffbc58 | — |
| source.cs meta.method-call meta.method, source.cs entity.name.function | #57c7ff | — |
| source.cs storage.type | #ffbc58 | — |
| source.cs meta.method.return-type | #9aedfe | — |
| source.cs meta.preprocessor | #4D4E4F | — |
| source.cs entity.name.type.namespace | #eff0eb | — |
| entity.other.attribute-name.class | #9aedfe | — |
| entity.other.attribute-name.id | #9aedfe | — |
| source.css entity.name.tag | #ffbc58 | — |
| source.css support.type.property-name | #ff5c57 | — |
| meta.tag, punctuation.definition.tag | #eff0eb | — |
| entity.name.tag | #ff5c57 | — |
| entity.other.attribute-name | #ffbc58 | italic |
| punctuation.section.embedded | #ff5c57 | — |
| keyword.other.definition.ini | #ff5c57 | — |
| entity.name.section.group-title.ini | #57c7ff | — |
| source.java storage.modifier.package, source.java storage.modifier.import | #eff0eb | — |
| source.java storage.type.annotation | #ff5c57 | italic |
| source.java meta.method-call meta.method | #57c7ff | — |
| source.java meta.method-call meta.inner-class meta.method | #eff0eb | — |
| source.java meta.method-call meta.inner-class meta.method meta.method-call meta.method | #57c7ff | — |
| source.java meta.definition.variable entity.name.function | #57c7ff | — |
| source.java constant.language | #5af78e | — |
| source.js storage.modifier.async | #ff6ac1 | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #ff5c57 | — |
| constant.language.json | #ff6ac1 | — |
| markup.heading | #57c7ff | — |
| text.html.markdown meta.link.inline, meta.link.reference, markup.underline.link.image | #ff5c57 | — |
| text.html.markdown markup.quote | #9aedfe | — |
| text.html.markdown beginning.punctuation.definition.list | #ffbc58 | — |
| text.html.markdown markup.inline.raw | #ff6ac1 | — |
| markup.italic | #ff5c57 | italic |
| markup.bold | #ff5c57 | bold |
| markup.bold markup.italic, markup.italic markup.bold | #ff5c57 | italic bold |
| source.python keyword.operator.arithmetic | #eff0eb | — |
| source.python meta.function storage.type.function | #ff6ac1 | — |
| source.python meta.function-call.arguments | #eff0eb | — |
| source.python meta.function entity.name.function.decorator | #ff5c57 | — |
| source.python constant.language | #5af78e | — |
| entity.name.tag.yaml | #ff5c57 | — |
| meta.selectionset.graphql variable | #ffbc58 | — |
| meta.selectionset.graphql meta.arguments variable | #eff0eb | — |
| entity.name.fragment.graphql, variable.fragment.graphql | #9aedfe | — |