8-Bit High Contrast Dark
Publisher: munjyongThemes in package: 1
8-Bit High Contrast Dark
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#ffff00
- activityBar.inactiveForeground#ffffff
- activityBarBadge.background#000000
- activityBarBadge.foreground#ffffff
- badge.background#000000
- badge.foreground#ffffff
- button.background#000000
- button.border#00ffff
- button.foreground#ffffff
- contrastActiveBorder#ffff00
- contrastBorder#00ffff
- descriptionForeground#ffffff
- diffEditor.insertedLineBackground#00ff0030
- diffEditor.insertedTextBackground#00ff0040
- diffEditor.insertedTextBorder#000000
- diffEditor.removedLineBackground#ff000030
- diffEditor.removedTextBackground#ff000040
- diffEditor.removedTextBorder#000000
- dropdown.background#000000
- dropdown.foreground#ffffff
- dropdown.listBackground#000000
- editor.background#000000
- editor.foreground#ffffff
- editor.lineHighlightBackground#000000
- editor.lineHighlightBorder#0000ff
- editor.selectionBackground#0000ff
- editor.selectionForeground#ffffff
- editorCursor.foreground#ffffff
- editorGroupHeader.tabsBackground#000000
- editorLineNumber.activeForeground#ffff00
- editorLineNumber.foreground#ffffff
- editorWhitespace.foreground#0000ff
- editorWidget.background#000000
- editorWidget.foreground#ffffff
- errorForeground#ff0000
- focusBorder#ffff00
- foreground#ffffff
- icon.foreground#ffffff
- input.background#000000
- input.border#00ffff
- input.foreground#ffffff
- input.placeholderForeground#ff00ff
- inputOption.activeBackground#00ffff
- inputOption.activeBorder#00ffff
- inputOption.activeForeground#000000
- minimap.background#000000
- minimap.errorHighlight#ff0000
- minimap.findMatchHighlight#ffff00
- minimap.selectionHighlight#0000ff
- minimap.selectionOccurrenceHighlight#000000
- minimap.warningHighlight#ffff00
- panel.background#000000
- panelSectionHeader.background#000000
- panelTitle.activeForeground#ffff00
- panelTitle.inactiveForeground#ffffff
- pickerGroup.border#00ffff
- scrollbarSlider.activeBackground#00ffffbb
- scrollbarSlider.background#00ffff77
- scrollbarSlider.hoverBackground#00ffff77
- selection.background#0000ff
- settings.headerForeground#ffff00
- settings.modifiedItemIndicator#00ffff
- sideBar.background#000000
- sideBar.foreground#ffffff
- statusBar.background#00ff00
- statusBar.debuggingBackground#00ff00
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#00ff00
- tab.activeBackground#0000ff
- tab.activeForeground#ffff00
- tab.inactiveBackground#000000
- tab.inactiveForeground#ffffff
- tab.unfocusedActiveBackground#000000
- tab.unfocusedActiveForeground#ffffff
- tab.unfocusedInactiveBackground#000000
- tab.unfocusedInactiveForeground#ffffff
- terminal.ansiBlack#000000
- terminal.ansiBlue#0000ff
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#0000ff
- terminal.ansiBrightCyan#00ffff
- terminal.ansiBrightGreen#00ff00
- terminal.ansiBrightMagenta#ff00ff
- terminal.ansiBrightRed#ff0000
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffff00
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#00ff00
- terminal.ansiMagenta#ff00ff
- terminal.ansiRed#ff0000
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffff00
- terminal.background#000000
- terminal.foreground#ffffff
- terminal.selectionBackground#0000ff
- textLink.foreground#00ffff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #0000FF | — |
| string | #00FF00 | — |
| constant.numeric | #FF0000 | — |
| constant.language | #FF0000 | — |
| constant.character, constant.other | #FF0000 | — |
| variable | #FFFFFF | — |
| keyword | #00FFFF | — |
| storage | #FF00FF | — |
| meta.interface | #FF0000 | — |
| meta.type.declaration, entity.name.type | #FF0000 | — |
| meta.class, entity.other.inherited-class, entity.name.type.class | #FF0000 | — |
| entity.name.function | #FFFF00 | — |
| variable.parameter | #FFFFFF | — |
| entity.name.tag | #FF0000 | — |
| entity.other.attribute-name | #FF0000 | — |
| support.function | #00FF00 | — |
| support.constant | #00FF00 | — |
| support.type, support.class | #FF0000 | — |
| support.other.variable | #FF0000 | — |
| invalid | #FFFFFF | — |
| invalid.deprecated | #FFFFFF | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #FFFF00 | — |
| comment | #229977 | — |
| punctuation.definition.comment | #229977 | — |
| variable.other.property.tsx, variable.other.object.property.tsx,support.variable.property.tsx,variable.other.constant.property.tsx,support.type.primitive.tsx,entity.name.type.tsx | #00FFFF | — |
| keyword.operator.logical.tsx,keyword.operator.relational.tsx,entity.name.function.tsx,constant.numeric.decimal.tsx | #00FF00 | — |
| support.class.component.tsx, entity.name.tag.tsx,meta.object-literal.key.tsx,variable.object.property.tsx | #FFFF00 | — |
| punctuation.definition.tag.begin.tsx,punctuation.definition.tag.end.tsx | #FF00FF | — |
| variable.other.constant.tsx,variable.other.readwrite.tsx,variable.other.object.tsx | #FFFFFF | — |
| meta.jsx.children.tsx | #FFFFFFCC | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #008000 | — |
| token.error-token | #FF0000 | — |
| token.debug-token | #B267E6 | — |