8bit Cave Theme
Publisher: Murat AlpaslanThemes in package: 3
A retro-inspired VS Code theme with 8-bit aesthetics
Color themes
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#0f0f1a
- activityBar.foreground#e0e0e0
- button.background#ff6b6b
- button.foreground#ffffff
- dropdown.background#1a1a2e
- dropdown.foreground#e0e0e0
- editor.background#0f0f1a
- editor.findMatchBackground#ffd93d40
- editor.findMatchHighlightBackground#ffd93d20
- editor.foreground#e0e0e0
- editor.lineHighlightBackground#1a1a2e40
- editor.selectionBackground#ff6b6b40
- editorCursor.foreground#ff6b6b
- editorGroupHeader.border#34495e
- editorGroupHeader.tabsBackground#0f0f1a
- input.background#1a1a2e
- input.foreground#e0e0e0
- list.activeSelectionBackground#1a1a2e
- list.activeSelectionForeground#e0e0e0
- list.hoverBackground#1a1a2e
- list.hoverForeground#e0e0e0
- list.inactiveSelectionBackground#1a1a2e
- list.inactiveSelectionForeground#e0e0e0
- panel.background#0f0f1a
- panel.border#2c3e50
- panel.foreground#e0e0e0
- panelSectionHeader.background#1a1a2e
- panelSectionHeader.border#2c3e50
- panelSectionHeader.foreground#e0e0e0
- panelTitle.activeBorder#2c3e50
- panelTitle.activeForeground#4ecdc4
- panelTitle.inactiveForeground#4ecdc4
- sideBar.background#0f0f1a
- sideBar.foreground#e0e0e0
- statusBar.background#0f0f1a
- statusBar.foreground#e0e0e0
- tab.activeBackground#0f0f1a
- tab.activeForeground#e0e0e0
- tab.hoverBackground#1a1a2e
- tab.hoverForeground#e0e0e0
- tab.inactiveBackground#1a1a2e
- tab.inactiveForeground#e0e0e0
- terminal.ansiBlack#2c3e50
- terminal.ansiBlue#2980b9
- terminal.ansiBrightBlack#7f8c8d
- terminal.ansiBrightBlue#3498db
- terminal.ansiBrightCyan#1abc9c
- terminal.ansiBrightGreen#2ecc71
- terminal.ansiBrightMagenta#9b59b6
- terminal.ansiBrightRed#e74c3c
- terminal.ansiBrightWhite#ecf0f1
- terminal.ansiBrightYellow#e67e22
- terminal.ansiCyan#16a085
- terminal.ansiGreen#27ae60
- terminal.ansiMagenta#8e44ad
- terminal.ansiRed#c0392b
- terminal.ansiWhite#34495e
- terminal.ansiYellow#d35400
- terminal.background#0f0f1a
- terminal.foreground#e0e0e0
- titleBar.activeBackground#1a1a2e
- titleBar.activeForeground#e0e0e0
- titleBar.border#34495e
- titleBar.inactiveBackground#0f0f1a
- titleBar.inactiveForeground#e0e0e0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword | #ff6b6b | — |
| string | #ffd93d | — |
| comment | #4ec9b0 | — |
| entity.name.function | #4d79ff | — |
| variable | #98c379 | — |
| constant.numeric | #ff6b6b | — |
| entity.name.type | #da77f2 | — |
| entity.name.class | #ffa94d | — |
| keyword.operator | #4dabf7 | — |
| entity.name.tag | #ff6b6b | — |
| entity.other.attribute-name | #4dabf7 | — |
| support.type.property-name | #98c379 | — |
| support.constant.property-value | #ffd93d | — |
| support.function | #4d79ff | — |
| support.type.object | #da77f2 | — |
| entity.name.tag.html | #ff6b6b | — |
| entity.other.attribute-name.class.html | #4dabf7 | — |
| entity.other.attribute-name.id.html | #ffd93d | — |
| punctuation.definition.tag | #4ecdc4 | — |
| punctuation.definition.tag.begin | #4ecdc4 | — |
| punctuation.definition.tag.end | #4ecdc4 | — |
| punctuation.definition.bracket | #4ecdc4 | — |
| punctuation.definition.block | #4ecdc4 | — |
| storage.type | #ffa94d | — |
| storage.modifier | #ffa94d | — |
| storage.class | #ffa94d | — |
| keyword.control | #ffa94d | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...