Monokai Deuteranopia Colorblind
Publisher: Felipe ZarcoThemes in package: 1
Deep space theme with animated stars, designed for deuteranopia (red-green colorblindness) accessibility using the blue-yellow axis
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#050816
- activityBar.border#1A2E55
- activityBar.foreground#56B4E9
- activityBar.inactiveForeground#2A4070
- activityBarBadge.background#0072B2
- activityBarBadge.foreground#E8F0FF
- badge.background#0072B2
- badge.foreground#E8F0FF
- breadcrumb.foreground#56B4E9
- button.background#0072B2
- button.foreground#E8F0FF
- button.hoverBackground#0088CC
- checkbox.border#1A2E55
- contrastActiveBorder#0B1026
- contrastBorder#1A2E5575
- debugExceptionWidget.background#080D1E
- debugExceptionWidget.border#E69F00
- debugToolBar.background#080D1E
- debugToolBar.border#1A2E55
- diffEditor.insertedTextBackground#56B4E922
- diffEditor.insertedTextBorder#56B4E944
- diffEditor.removedTextBackground#E69F0022
- diffEditor.removedTextBorder#E69F0044
- dropdown.background#080D1E
- dropdown.border#1A2E55
- dropdown.foreground#D4E4FF
- editor.background#0B1026
- editor.findMatchBackground#F0E44244
- editor.findMatchBorder#F0E442
- editor.findMatchHighlightBackground#56B4E933
- editor.foreground#D4E4FF
- editor.inactiveSelectionBackground#1A2E55
- editor.lineHighlightBackground#0E1533
- editor.lineHighlightBorder#1E2A4A
- editor.selectionBackground#1A2E55
- editor.selectionForeground#E8F0FF
- editor.wordHighlightBackground#56B4E922
- editor.wordHighlightStrongBackground#B28BFF22
- editorBracketHighlight.foreground1#56B4E9
- editorBracketHighlight.foreground2#E6C07B
- editorBracketHighlight.foreground3#B28BFF
- editorBracketHighlight.foreground4#DCDCAA
- editorBracketHighlight.foreground5#CC79A7
- editorBracketHighlight.foreground6#D4A0FF
- editorBracketMatch.background#56B4E933
- editorBracketMatch.border#56B4E9
- editorCursor.foreground#56B4E9
- editorError.foreground#E69F00
- editorGroup.border#1A2E55
- editorGroupHeader.border#060A18
- editorGroupHeader.noTabsBackground#060A18
- editorGroupHeader.tabsBackground#060A18
- editorGroupHeader.tabsBorder#1A2E5544
- editorGutter.background#090E22
- editorHint.foreground#56B4E9
- editorHoverWidget.background#080D1E
- editorHoverWidget.border#1A2E55
- editorIndentGuide.activeBackground#1E2A4A
- editorIndentGuide.background#1A2E5533
- editorInfo.foreground#56B4E9
- editorLineNumber.activeForeground#56B4E9
- editorLineNumber.foreground#2A4070
- editorLink.activeForeground#56B4E9
- editorMarkerNavigation.background#080D1E
- editorMarkerNavigationError.background#E69F0033
- editorMarkerNavigationInfo.background#56B4E933
- editorMarkerNavigationWarning.background#F0E44233
- editorSuggestWidget.background#080D1E
- editorSuggestWidget.border#1A2E55
- editorSuggestWidget.foreground#D4E4FF
- editorSuggestWidget.highlightForeground#56B4E9
- editorSuggestWidget.selectedBackground#1A2E55
- editorWarning.foreground#F0E442
- editorWidget.background#080D1E
- editorWidget.border#1A2E55
- focusBorder#56B4E975
- foreground#D4E4FF
- gitDecoration.addedResourceForeground#56B4E9
- gitDecoration.conflictingResourceForeground#CC79A7
- gitDecoration.deletedResourceForeground#E69F00
- gitDecoration.ignoredResourceForeground#3D5A80
- gitDecoration.modifiedResourceForeground#E6C07B
- gitDecoration.stageDeletedResourceForeground#E69F00
- gitDecoration.stageModifiedResourceForeground#56B4E9
- gitDecoration.untrackedResourceForeground#DCDCAA
- icon.foreground#56B4E9
- input.background#080D1E
- input.border#1A2E55
- input.foreground#D4E4FF
- input.placeholderForeground#3D5A80
- list.activeSelectionBackground#56B4E933
- list.activeSelectionForeground#E8F0FF
- list.errorForeground#E69F00
- list.hoverBackground#56B4E922
- list.inactiveSelectionBackground#1A2E55
- list.warningForeground#F0E442
- menu.background#080D1E
- menu.border#1A2E55
- merge.border#1A2E55
- merge.currentContentBackground#56B4E911
- merge.currentHeaderBackground#56B4E933
- merge.incomingContentBackground#B28BFF11
- merge.incomingHeaderBackground#B28BFF33
- minimap.background#0B1026
- minimap.errorHighlight#E69F00
- minimap.warningHighlight#F0E442
- notificationCenter.border#1A2E55
- notificationCenterHeader.background#080D1E
- notificationCenterHeader.foreground#D4E4FF
- notifications.background#080D1E
- notifications.border#1A2E55
- notifications.foreground#D4E4FF
- panel.background#080D1E
- panel.border#1A2E55
- panel.dropBorder#56B4E9
- panelSection.border#1A2E55
- panelTitle.activeBorder#56B4E9
- panelTitle.activeForeground#56B4E9
- panelTitle.inactiveForeground#3D5A80
- peekView.border#56B4E9
- peekViewTitle.background#080D1E
- peekViewTitleLabel.foreground#E8F0FF
- problemsErrorIcon.foreground#E69F00
- problemsInfoIcon.foreground#56B4E9
- problemsWarningIcon.foreground#F0E442
- quickInput.background#080D1E
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#56B4E955
- scrollbarSlider.background#1A2E5555
- scrollbarSlider.hoverBackground#1A2E5588
- sideBar.background#060A18
- sideBar.border#1A2E55
- sideBar.foreground#8EABC8
- sideBarSectionHeader.background#060A18
- sideBarSectionHeader.border#1A2E55
- sideBarSectionHeader.foreground#56B4E9
- sideBarTitle.foreground#56B4E9
- statusBar.background#050816
- statusBar.border#1A2E55
- statusBar.debuggingBackground#B28BFF22
- statusBar.debuggingForeground#B28BFF
- statusBar.foreground#56B4E9
- statusBar.noFolderBackground#050816
- statusBar.noFolderForeground#56B4E9
- tab.activeBackground#0B1026
- tab.activeBorder#56B4E9
- tab.activeForeground#E8F0FF
- tab.activeModifiedBorder#E69F00
- tab.border#1A2E5544
- tab.hoverBorder#56B4E9
- tab.inactiveBackground#080D1E
- tab.inactiveForeground#3D5A80
- tab.inactiveModifiedBorder#E69F0055
- tab.unfocusedActiveBorder#1A2E55
- tab.unfocusedActiveForeground#8EABC8
- tab.unfocusedInactiveForeground#2A4070
- terminal.ansiBlack#1E2A4A
- terminal.ansiBlue#0072B2
- terminal.ansiBrightBlack#6B7D94
- terminal.ansiBrightBlue#56B4E9
- terminal.ansiBrightCyan#B8E8FF
- terminal.ansiBrightGreen#7EC8F0
- terminal.ansiBrightMagenta#DDA0C0
- terminal.ansiBrightRed#F0B030
- terminal.ansiBrightWhite#E8F0FF
- terminal.ansiBrightYellow#F5EE80
- terminal.ansiCyan#9CDCFE
- terminal.ansiGreen#56B4E9
- terminal.ansiMagenta#CC79A7
- terminal.ansiRed#E69F00
- terminal.ansiWhite#D4E4FF
- terminal.ansiYellow#F0E442
- terminal.border#1A2E55
- titleBar.activeBackground#060A18
- titleBar.activeForeground#56B4E9
- titleBar.border#1A2E55
- titleBar.inactiveForeground#3D5A80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #D4E4FF | — |
| comment, punctuation.definition.comment | #6B7D94 | italic |
| comment.block.documentation, comment.block.javadoc | #7E92AB | italic |
| string | #E6C07B | — |
| string.quoted.double, string.template.js, string.template.ts, string.template.* | #E6C07B | bold |
| string.quoted.single | #E6C07B | |
| string.regexp, constant.other.character-class.regexp | #CC79A7 | — |
| constant.character.escape, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #D4A0FF | — |
| constant.numeric | #D4A0FF | — |
| constant.language | #D4A0FF | bold |
| constant.character, constant.other | #D4A0FF | — |
| variable.other.constant, variable.other.enummember | #D4A0FF | bold |
| variable | #9CDCFE | — |
| variable.other.object, variable.other.readwrite, support.variable.property.ts, meta.object-literal.key.ts, meta.object-literal.key | #D4E4FF | — |
| variable.language | #56B4E9 | italic |
| variable.parameter | #E5B567 | italic |
| variable.other.property, support.variable.property | #9CDCFE | — |
| keyword | #B28BFF | bold |
| keyword.control | #B28BFF | bold |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #B28BFF | italic bold |
| keyword.operator | #A8C4FF | — |
| keyword.operator.arithmetic | #DCDCAA | — |
| keyword.operator.assignment | #D4E4FF | bold |
| keyword.operator.logical | #B28BFF | bold |
| keyword.operator.comparison | #A8C4FF | bold |
| keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.expression | #B28BFF | bold |
| keyword.operator.spread | #D4A0FF | — |
| keyword.other.http | #56B4E9 | — |
| storage | #B28BFF | bold |
| storage.type | #56B4E9 | italic bold |
| storage.modifier | #B28BFF | italic |
| entity.name.function | #DCDCAA | — |
| entity.name.function.member, meta.function-call entity.name.function | #DCDCAA | — |
| entity.name.class, entity.name.type.class | #56B4E9 | underline bold |
| entity.other.inherited-class | #56B4E9 | italic underline |
| entity.name.type.interface, entity.name.type.alias | #56B4E9 | italic |
| entity.name.type.enum | #56B4E9 | bold |
| entity.name.namespace, entity.name.type.module | #56B4E9 | — |
| entity.name.type.parameter, meta.type.parameters entity.name.type | #CC79A7 | italic |
| entity.name.tag | #56B4E9 | bold |
| entity.other.attribute-name | #DCDCAA | italic |
| support.class.component.tsx, support.class.component.jsx | #56B4E9 | bold |
| entity.name.label | #E5B567 | — |
| support.function | #DCDCAA | — |
| support.constant | #D4A0FF | — |
| support.type, support.class | #56B4E9 | italic |
| support.other.variable, support.variable | #9CDCFE | — |
| meta.decorator, meta.decorator entity.name.function, punctuation.decorator, storage.type.annotation | #CC79A7 | italic |
| meta.type.annotation, meta.return.type, entity.name.type | #56B4E9 | — |
| punctuation.accessor, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.separator.comma, punctuation.terminator.statement, punctuation.separator, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array | #D4E4FF | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #E6C07B | — |
| invalid | #0B1026 | bold underline |
| invalid.deprecated | #D4E4FF | italic underline |
| meta.embedded | #D4E4FF | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string.quoted.double.json | #56B4E9 | — |
| meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.json string.quoted.double.json | #E6C07B | — |
| entity.name.tag.yaml | #56B4E9 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #9CDCFE | — |
| support.constant.property-value.css, support.constant.property-value.scss | #E6C07B | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #DCDCAA | — |
| keyword.other.unit.css | #D4A0FF | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #CC79A7 | italic |
| entity.name.function.decorator.python, meta.function.decorator.python | #CC79A7 | italic |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #56B4E9 | italic |
| meta.fstring.python | #E6C07B | — |
| entity.name.package.go | #56B4E9 | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust | #CC79A7 | italic |
| entity.name.function.macro.rust | #DCDCAA | bold |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell | #9CDCFE | — |
| meta.diff, meta.diff.header | #6B7D94 | — |
| markup.deleted | #E69F00 | — |
| markup.inserted | #56B4E9 | — |
| markup.changed | #F0E442 | — |
| constant.numeric.line-number.find-in-files - match | #D4A0FFA0 | — |
| entity.name.filename.find-in-files | #E6C07B | — |
| heading.1.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown | #56B4E9 | bold |
| markup.bold.markdown | #E8F0FF | bold |
| markup.italic.markdown | #E8F0FF | italic |
| markup.underline, markup.underline.link.markdown | #56B4E9 | underline |
| markup.inline.raw.string.markdown | #DCDCAA | — |
| markup.fenced_code.block.markdown, markup.raw.block.markdown | #D4E4FF | — |
| markup.quote.markdown | #6B7D94 | italic |
| punctuation.definition.list.begin.markdown | #D4A0FF | — |
| meta.image.inline.markdown, meta.link.inline.markdown | #E6C07B | — |
| meta.separator.markdown | #6B7D94 | — |
| keyword.other.sql, keyword.other.DML.sql | #B28BFF | bold |
| meta.var.expr.js | #D4E4FF | — |