Hakimi Colorblind Theme
Publisher: hakimiThemes in package: 1
High-contrast light theme tuned for hybrid color-vision deficiency (green + blue-violet).
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#E4E4EA
- activityBar.border#D0D0DA
- activityBar.foreground#202024
- activityBar.inactiveForeground#73737A
- activityBarBadge.background#FFB400
- activityBarBadge.foreground#202024
- button.background#FFB400
- button.foreground#202024
- button.hoverBackground#E6A000
- diffEditor.insertedTextBackground#DFF5E2CC
- diffEditor.removedTextBackground#FBE1E1CC
- editor.background#F5F5F7
- editor.foreground#1F1F23
- editor.hoverHighlightBackground#FBEFD780
- editor.inactiveSelectionBackground#E3F1FF88
- editor.lineHighlightBackground#EDEDF5
- editor.selectionBackground#CCE7FF
- editor.wordHighlightBackground#E8F4FF66
- editor.wordHighlightStrongBackground#D6EEFF99
- editorBracketHighlight.foreground1#0078A8
- editorBracketHighlight.foreground2#B25C00
- editorBracketHighlight.foreground3#5C3E99
- editorBracketHighlight.unexpectedBracket.foreground#C00000
- editorBracketMatch.background#FFE4B380
- editorBracketMatch.border#CC8A00
- editorCodeLens.foreground#5C5C68
- editorCursor.foreground#000000
- editorError.border#C00000
- editorError.foreground#C00000
- editorGroup.border#D6D6E0
- editorGroupHeader.tabsBackground#ECECF0
- editorGutter.addedBackground#1F6A1F
- editorGutter.deletedBackground#C00000
- editorGutter.modifiedBackground#006F7A
- editorIndentGuide.activeBackground1#B5B5C0
- editorIndentGuide.background1#E0E0E7
- editorInfo.border#0061A8
- editorInfo.foreground#0061A8
- editorLineNumber.activeForeground#40404A
- editorLineNumber.foreground#A0A0AA
- editorWarning.border#8A4D00
- editorWarning.foreground#8A4D00
- editorWhitespace.foreground#D0D0D8
- focusBorder#FFB400
- input.background#FFFFFF
- input.border#C9C9D3
- input.foreground#1F1F23
- list.activeSelectionBackground#E4F2FF
- list.activeSelectionForeground#1B1B1F
- list.focusBackground#EAF4FF
- list.focusOutline#FFB400
- list.hoverBackground#EDF4FF
- list.inactiveSelectionBackground#F0F6FF
- list.inactiveSelectionForeground#2F2F34
- panel.background#F7F7FA
- panel.border#D0D0DA
- panelTitle.activeForeground#1F1F23
- panelTitle.inactiveForeground#6B6B75
- scrollbarSlider.activeBackground#88889ADD
- scrollbarSlider.background#C8C8D2AA
- scrollbarSlider.hoverBackground#AAAAB8DD
- sideBar.background#F1F1F5
- sideBar.border#D6D6E0
- sideBar.foreground#33333A
- sideBarSectionHeader.background#E6E6EC
- sideBarSectionHeader.foreground#1F1F23
- statusBar.background#DADAE4
- statusBar.border#D0D0DA
- statusBar.foreground#202024
- tab.activeBackground#FFFFFF
- tab.activeForeground#1F1F23
- tab.border#D3D3DD
- tab.inactiveBackground#ECECF0
- tab.inactiveForeground#6B6B75
- titleBar.activeBackground#E8E8EE
- titleBar.activeForeground#202024
- titleBar.inactiveBackground#E0E0E8
- titleBar.inactiveForeground#6B6B75
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, meta, variable.other.readwrite, variable.other | #1F1F23 | — |
| comment, punctuation.definition.comment | #6A6A75 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #8A4D00 | bold |
| support.type, entity.name.type, entity.name.class, entity.other.inherited-class | #0078A8 | bold |
| entity.name.type.interface, support.type.primitive | #006F7A | bold |
| entity.name.function, support.function, meta.function-call, variable.function | #8A217E | |
| variable.parameter | #6A3E7A | italic |
| string, punctuation.definition.string | #5C3E99 | italic |
| constant.numeric, constant.character.numeric | #A83232 | — |
| constant.language, variable.language, constant.other | #9C1F1F | bold |
| keyword.operator, punctuation.separator, punctuation.separator.key-value | #474752 | — |
| meta.object-literal.key, support.type.property-name, entity.name.tag.yaml | #7A4B00 | bold underline |
| entity.other.attribute-name, meta.tag.attribute | #8555B4 | — |
| entity.name.tag, meta.tag.sgml, meta.tag, support.class.component | #0066A2 | bold |
| entity.name.tag.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css | #0061A8 | bold |
| support.type.property-name.css | #7A4B00 | — |
| support.type.property-name.json, support.type.property-name | #7A4B00 | bold |
| punctuation.section, punctuation.definition.block, punctuation.definition.parameters, punctuation.section.block | #555560 | — |
| invalid, invalid.illegal | #C00000 | bold underline |
| invalid.deprecated | #8A4D00 | underline |