Vibrant Spectrum
Publisher: sushipirateThemes in package: 1
Vibrant Spectrum Color Theme!
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#202020
- activityBar.foreground#D4D4D4
- activityBarBadge.background#F9CEEF
- activityBarBadge.foreground#202020
- button.background#F9CEEF
- button.foreground#202020
- descriptionForeground#0F1111
- editor.background#202020
- editor.findMatchBackground#4D5268
- editor.findMatchHighlightBackground#4D5268
- editor.findRangeHighlightBackground#41454B
- editor.foreground#D4D4D4
- editor.inactiveSelectionBackground#4D5268
- editor.lineHighlightBackground#373B41
- editor.selectionBackground#605B70
- editor.wordHighlightBackground#4D5268
- editor.wordHighlightStrongBackground#4D5268
- editorBracketMatch.background#4D5268
- editorBracketMatch.border#8DF0A2
- editorError.foreground#FF6B6B
- editorGutter.addedBackground#8DF0A2
- editorGutter.deletedBackground#FF6B6B
- editorGutter.modifiedBackground#FF8BD2
- editorHint.foreground#7BCE67
- editorInfo.foreground#A1E1FC
- editorLineNumber.foreground#828BA6
- editorSuggestWidget.background#202020
- editorSuggestWidget.border#8DF0A2
- editorSuggestWidget.foreground#D4D4D4
- editorSuggestWidget.highlightForeground#F9CEEF
- editorSuggestWidget.selectedBackground#4D5268
- editorSuggestWidget.selectedForeground#D4D4D4
- editorWarning.foreground#F8FD98
- editorWidget.background#202020
- editorWidget.border#8DF0A2
- errorForeground#FFA3A3
- focusBorder#A4C5C6
- foreground#D4D4D4
- gitDecoration.addedResourceForeground#8DF0A2
- gitDecoration.deletedResourceForeground#FF6B6B
- gitDecoration.modifiedResourceForeground#FF8BD2
- input.background#202020
- input.foreground#D4D4D4
- input.placeholderForeground#828BA6
- notificationCenter.border#8DF0A2
- notificationCenterHeader.foreground#D4D4D4
- notificationToast.border#8DF0A2
- panel.background#202020
- panelTitle.activeBorder#F9CEEF
- scrollbarSlider.activeBackground#33383F
- scrollbarSlider.background#5D636B
- scrollbarSlider.hoverBackground#444A52
- sideBar.background#202020
- sideBar.foreground#D4D4D4
- sideBarSectionHeader.background#202020
- sideBarSectionHeader.foreground#D4D4D4
- statusBar.background#202020
- statusBar.foreground#D4D4D4
- terminal.ansiBlack#202020
- terminal.ansiBlue#C1F0FB
- terminal.ansiBrightBlack#828BA6
- terminal.ansiBrightBlue#1E90FF
- terminal.ansiBrightCyan#00FFFF
- terminal.ansiBrightGreen#00FF00
- terminal.ansiBrightMagenta#E0CCFE
- terminal.ansiBrightRed#FF6347
- terminal.ansiBrightWhite#F0F0F0
- terminal.ansiBrightYellow#FFEBAF
- terminal.ansiCyan#00FFFF
- terminal.ansiGreen#7CFC00
- terminal.ansiMagenta#EECDF6
- terminal.ansiRed#FF6347
- terminal.ansiWhite#D4D4D4
- terminal.ansiYellow#FFEBAF
- terminal.background#202020
- terminal.foreground#D4D4D4
- textLink.foreground#B2B9E1
- titleBar.activeBackground#202020
- titleBar.activeForeground#D4D4D4
- titleBar.inactiveBackground#202020
- titleBar.inactiveForeground#D4D4D4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #FF6B6B | — |
| keyword, storage | #C1F0FB | — |
| string, constant.character.escape, variable.other | #EECDF6 | — |
| variable.language | #FFEBAF | — |
| entity.name.tag | #E0CCFE | — |
| constant, support.constant | #F9CEEF | — |
| variable.parameter | #FFEBAF | — |
| variable | #C1F0FB | — |
| variable.other.local | #F9CEEF | — |
| variable.other.readwrite | #F9CEEF | — |
| variable.other.constant | #F9CEEF | — |
| variable.other.object | #C1F0FB | — |
| keyword.operator | #F9CEEF | — |
| constant.numeric | #FFA3A3 | — |
| support.type | #E0CCFE | — |
| support.function | #C1F0FB | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...