Dark Theme SOS
Publisher: WastedThemes in package: 33
A collection of cyberpunk, neon, 8-bit retro, and deep dark-inspired VS Code themes for relaxed and stylish coding sessions.
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#d0f2fa
- activityBar.foreground#15425c
- activityBar.inactiveForeground#8ecadd
- activityBarBadge.background#beeaf7
- activityBarBadge.foreground#15425c
- badge.background#beeaf7
- badge.foreground#15425c
- button.background#5fc3e7
- button.border#7ec9e6
- button.foreground#d8f1fa
- contrastActiveBorder#5fc3e7
- contrastBorder#aee9fa
- descriptionForeground#2e5c7d
- diffEditor.insertedTextBorder#5fc3e7
- diffEditor.removedTextBorder#c43d6d
- dropdown.background#e2f7fb
- dropdown.foreground#15425c
- dropdown.listBackground#e2f7fb
- editor.background#e2f7fb
- editor.foreground#15425c
- editor.lineHighlightBackground#d8f1fa
- editor.lineHighlightBorder#aee9fa
- editor.selectionBackground#c5e7fa
- editor.selectionForeground#15425c
- editorCursor.foreground#5fc3e7
- editorLineNumber.activeForeground#15425c
- editorLineNumber.foreground#8ecadd
- editorWhitespace.foreground#aee9fa
- editorWidget.background#d0f2fa
- editorWidget.foreground#15425c
- errorForeground#c43d6d
- focusBorder#7ec9e6
- foreground#15425c
- icon.foreground#5fc3e7
- input.background#e2f7fb
- input.border#aee9fa
- input.foreground#15425c
- input.placeholderForeground#8ecadd
- inputOption.activeBackground#5fc3e7
- inputOption.activeBorder#5fc3e7
- inputOption.activeForeground#d8f1fa
- minimap.background#d8f1fa
- minimap.errorHighlight#c43d6d
- minimap.findMatchHighlight#f7e5c7
- minimap.selectionHighlight#c5e7fa
- minimap.selectionOccurrenceHighlight#e2f7fb
- minimap.warningHighlight#f7e5c7
- panel.background#d0f2fa
- panelSectionHeader.background#beeaf7
- panelTitle.activeForeground#5fc3e7
- panelTitle.inactiveForeground#8ecadd
- pickerGroup.border#aee9fa
- scrollbarSlider.activeBackground#aee9faff
- scrollbarSlider.background#aee9fa99
- scrollbarSlider.hoverBackground#aee9facc
- selection.background#c5e7fa
- settings.headerForeground#5fc3e7
- settings.modifiedItemIndicator#f7e5c7
- sideBar.background#e2f7fb
- sideBar.foreground#15425c
- statusBar.background#beeaf7
- statusBar.foreground#15425c
- tab.activeBackground#d8f1fa
- tab.activeForeground#5fc3e7
- tab.inactiveBackground#e2f7fb
- tab.inactiveForeground#8ecadd
- tab.unfocusedActiveBackground#e2f7fb
- tab.unfocusedActiveForeground#8ecadd
- tab.unfocusedInactiveBackground#e2f7fb
- tab.unfocusedInactiveForeground#8ecadd
- terminal.ansiBlack#336080
- terminal.ansiBlue#2c8ec2
- terminal.ansiBrightBlack#8ecadd
- terminal.ansiBrightBlue#2c8ec2
- terminal.ansiBrightCyan#23b2b6
- terminal.ansiBrightGreen#5fc3e7
- terminal.ansiBrightMagenta#b881a7
- terminal.ansiBrightRed#c43d6d
- terminal.ansiBrightWhite#d8f1fa
- terminal.ansiBrightYellow#f7e5c7
- terminal.ansiCyan#23b2b6
- terminal.ansiGreen#5fc3e7
- terminal.ansiMagenta#b881a7
- terminal.ansiRed#c43d6d
- terminal.ansiWhite#e2f7fb
- terminal.ansiYellow#f7e5c7
- terminal.background#e2f7fb
- terminal.foreground#15425c
- terminal.selectionBackground#c5e7fa
- textLink.foreground#5fc3e7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.type, storage.type, support.type, meta.type, variable.other | #2c8ec2 | italic |
| comment | #8ecadd | italic |
| keyword | #c43d6d | bold |
| variable | #15425c | — |
| string | #5fc3e7 | — |
| constant.numeric | #f7e5c7 | — |
| constant.language | #c43d6d | — |
| support.function | #2c8ec2 | bold |
| punctuation | #15425c | — |
| entity.name.function | #2c8ec2 | bold |
| meta.class, entity.other.inherited-class, entity.name.type.class | #5fc3e7 | — |
| entity.name.tag | #c43d6d | — |
| entity.other.attribute-name | #f7e5c7 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #c43d6d | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...