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#d8e4f0
- activityBar.foreground#2c3e50
- button.background#ff6b6b
- button.foreground#ffffff
- dropdown.background#ffffff
- dropdown.foreground#2c3e50
- editor.background#f0f4f8
- editor.findMatchBackground#ffd93d40
- editor.findMatchHighlightBackground#ffd93d20
- editor.foreground#2c3e50
- editor.lineHighlightBackground#d0e0f0
- editor.selectionBackground#ff6b6b40
- editorCursor.foreground#ff6b6b
- input.background#ffffff
- input.foreground#2c3e50
- list.activeSelectionBackground#d0e0f0
- list.activeSelectionForeground#2c3e50
- list.hoverBackground#d0e0f0
- list.hoverForeground#2c3e50
- list.inactiveSelectionBackground#d0e0f0
- list.inactiveSelectionForeground#2c3e50
- panelTitle.activeForeground#000066
- panelTitle.inactiveForeground#00006688
- sideBar.background#d8e4f0
- sideBar.foreground#2c3e50
- statusBar.background#d8e4f0
- statusBar.foreground#2c3e50
- tab.activeBackground#d8e4f0
- tab.activeForeground#2c3e50
- tab.hoverBackground#d0e0f0
- tab.hoverForeground#2c3e50
- tab.inactiveBackground#d8e4f0
- tab.inactiveForeground#2c3e50
- terminal.background#f0f4f8
- terminal.foreground#2c3e50
- titleBar.activeBackground#d8e4f0
- titleBar.activeForeground#2c3e50
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword | #e74c3c | — |
| string | #f39c12 | — |
| comment | #27ae60 | — |
| entity.name.function | #2980b9 | — |
| variable | #8e44ad | — |
| constant.numeric | #d35400 | — |
| entity.name.type | #16a085 | — |
| entity.name.class | #c0392b | — |
| keyword.operator | #3498db | — |
| entity.name.tag | #e74c3c | — |
| entity.other.attribute-name | #2980b9 | — |
| support.type.property-name | #27ae60 | — |
| support.constant.property-value | #f39c12 | — |
| support.function | #2980b9 | — |
| support.type.object | #8e44ad | — |
| entity.name.tag.html | #e74c3c | — |
| entity.other.attribute-name.class.html | #2980b9 | — |
| entity.other.attribute-name.id.html | #f39c12 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...