Shan's High Contrast Monokai
Publisher: shantaramThemes in package: 1
A heavily customized, high-moderate contrast Monokai theme. Optimised for red-green color-weak users, such as myself.
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#d7dae0
- activityBar.inactiveForeground#888888
- activityBarBadge.background#528bff
- activityBarBadge.foreground#f8fafd
- button.background#505050
- button.foreground#ffffff
- button.hoverBackground#777777
- contrastActiveBorder#00000000
- contrastBorder#00000000
- diffEditor.insertedTextBackground#00809b33
- dropdown.background#1d1f23
- dropdown.border#181a11
- editor.background#000000
- editor.findMatchHighlightBackground#314365
- editor.foreground#f8f8f0
- editor.lineHighlightBackground#303030
- editor.selectionBackground#ffffff40
- editor.selectionForeground#f5f4f0
- editorCursor.foreground#f8f8f0
- editorError.foreground#c24038
- editorGroup.border#181a1f
- editorGroupHeader.tabsBackground#000000
- editorHoverWidget.background#21252b
- editorHoverWidget.border#181a1f
- editorIndentGuide.activeBackground#aaaaaa
- editorIndentGuide.background#555555
- editorLineNumber.activeForeground#f5f4f0
- editorLineNumber.foreground#777777
- editorRuler.foreground#484848
- editorSuggestWidget.background#21252b
- editorSuggestWidget.border#181a1f
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#606060
- editorWidget.background#21252b
- gitDecoration.modifiedResourceForeground#a6d504
- input.background#505050
- input.border#00000000
- input.foreground#ffffff
- input.placeholderForeground#bbbbbb
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#d7dae0
- list.focusBackground#383e4a
- list.highlightForeground#c5c5c5
- list.hoverBackground#292d35
- list.inactiveSelectionBackground#2c313a
- list.inactiveSelectionForeground#d7dae0
- menu.selectionBackground#f5f4f0
- menu.selectionForeground#303030
- menubar.selectionBackground#f5f4f0
- menubar.selectionForeground#303030
- quickInput.foreground#eeeeee
- quickInputList.focusForeground#f5f4f0
- scrollbarSlider.activeBackground#f5f4f0
- scrollbarSlider.background#404040
- scrollbarSlider.hoverBackground#f5f4f0
- sideBar.background#000000
- sideBarSectionHeader.background#282c34
- statusBar.background#000000
- statusBar.border#444444
- statusBar.debuggingBackground#21252b
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#21252b
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#404040
- tab.activeBorder#f5f4f0
- tab.activeForeground#f5f4f0
- tab.border#181a1f
- tab.hoverBackground#404040
- tab.inactiveBackground#000000
- tab.inactiveForeground#dddddd
- titleBar.activeBackground#000000
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#282c34
- titleBar.inactiveForeground#6b717d
- toolbar.hoverBackground#404040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #ABABAB | |
| storage.type.class.jsdoc | #19D1E5 | |
| variable.other.jsdoc | #FFFFFF | |
| keyword.operator | #FF3F4F | |
| storage.modifier | #FF3F4F | |
| storage.type | #19D1E5 | |
| entity.name.function, meta.function-call.generic | #81F900 | |
| entity.name.type | #45A1ED | |
| entity.other.inherited-class | #81F900 | |
| entity.name.tag | #FF3F4F | |
| entity.name.section | #FF3F4F | |
| entity.other.attribute-name | #81F900 | |
| variable.language | #FF3F4F | |
| constant.character.escape | #bf23fe | |
| constant.other.placeholder | #bf23fe | |
| constant.language | #19D1E5 | |
| variable.parameter | #FF9700 | |
| string | #FFD945 | |
| constant.numeric | #FF4DFF | |
| constant.language.boolean, constant.language.json | #FF4DFF | |
| variable.other.property | #FFFFFF | |
| variable.other.object | #45A1ED | |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.interpolation.begin.bracket.curly, punctuation.definition.interpolation.end.bracket.curly | #FF3F4F | |
| punctuation.accessor, punctuation.definition.entity | #FFFFFF | |
| punctuation.separator.key-value | #FF3F4F | |
| punctuation.separator.key-value.mapping | #FFFFFF | |
| punctuation.definition.heading | #ABABAB | |
| keyword | #FF3F4F | |
| keyword.type | #19D1E5 | |
| support | #19D1E5 | |
| support.function | #81F900 | |
| support.class | #45A1ED | |
| support.class.component | #FF3F4F | |
| support.class.builtin | #45A1ED | |
| markup.underline | #19D1E5 | |
| entity.name.function | #64D441 | — |
| support.function | #64D441 | — |
| comment | #A7A7A7 | italic |
| variable | #FFFFFF | — |
| string | #F8F555 | — |
| keyword.operator, storage.modifier, entity.name.tag, entity.name.section, variable.language, punctuation.separator.key-value, keyword, support.class.component | #FFA0A8 | — |
| entity.other.attribute-name | — | italic |
| support.type.property-name | #FFA0A8 | italic |
| variable.parameter | — | italic |
| support.class, support.class.builtin, entity.name.type, variable.other.object | #FFFFFF | |
| markup.underline, storage.type.class.jsdoc, storage.type, constant.language, keyword.type, support | #00AEFF | italic |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #AE81FF | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #676f7d | — |
| punctuation.definition.italic.markdown | — | italic |
| markup.underline.link.markdown | — | — |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #e06c75 | bold |
| markup.quote.markdown | #98c379 | — |
| meta.separator.markdown | #c678dd | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #56b6c2 | — |
| punctuation.definition.list_item.markdown | #303030 | bold |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...