FullSpectrum Theme
Publisher: FullSpectrum TechThemes in package: 6
A vibrant dark theme inspired by the FullSpectrum Creative Software Design, combining modern aesthetics with blockchain-inspired gradients and a bold developer-first color palette.
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#1A1A1A
- activityBar.border#333333
- activityBar.foreground#FF5370
- dropdown.background#212121
- dropdown.foreground#ECECEC
- editor.background#121212
- editor.foreground#ECECEC
- editor.inactiveSelectionBackground#FF537022
- editor.lineHighlightBackground#1E1E1E66
- editor.selectionBackground#FF537044
- editorCursor.foreground#FF5370
- editorIndentGuide.activeBackground1#FF537055
- editorIndentGuide.background1#2C2C2C
- editorLineNumber.activeForeground#FF5370
- editorLineNumber.foreground#3C3C3C
- editorWhitespace.foreground#333333
- input.background#1F1F1F
- input.foreground#FFFFFF
- list.activeSelectionBackground#3C2F4C
- list.hoverBackground#333344
- list.inactiveSelectionBackground#2A2A3D
- panel.background#1A1A1A
- panel.border#2C2C2C
- quickInput.background#2A2A2A
- quickInput.foreground#ECECEC
- sideBar.background#1C1C1C
- sideBar.border#2E2E2E
- sideBar.foreground#CCCCCC
- statusBar.background#2A2A2A
- statusBar.debuggingBackground#B00020
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#ECECEC
- statusBarItem.hoverBackground#E53935
- statusBarItem.prominentBackground#7E1E2A
- statusBarItem.prominentForeground#FFFFFF
- statusBarItem.remoteBackground#FF5370
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#1E1E1E
- tab.activeBorder#FF5370
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#E57373
- tab.border#333333
- tab.hoverBackground#2C2C2C
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#121212
- tab.inactiveForeground#777777
- tab.inactiveModifiedBorder#A14444
- tab.unfocusedActiveBackground#1E1E1EAA
- tab.unfocusedActiveBorder#FF537055
- tab.unfocusedActiveForeground#AAAAAA
- titleBar.activeBackground#1E1E1E
- titleBar.activeForeground#ECECEC
- titleBar.inactiveBackground#1E1E1ECC
- titleBar.inactiveForeground#AAAAAA
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.decorator.ts, meta.decorator.expression.ts | #FF5370 | bold |
| source.ts keyword, source.tsx keyword | #FF5370 | bold |
| entity.name.type.interface.ts, entity.name.type.interface | #82AAFF | italic |
| text.html.ng, source.html | #FF5370 | — |
| variable.scss, support.variable.scss | #C792EA | — |
| support.type.property-name.scss | #FFCB6B | — |
| constant.other.color.rgb-value.scss, constant.other.color.hex-value.scss | #FF8F40 | — |
| entity.other.attribute-name.html.ng, meta.attribute.html.ng | #FF5370 | — |
| punctuation.definition.tag.begin.html.ng, punctuation.definition.tag.end.html.ng | #FF5370 | — |
| support.type.property-name.json, meta.object-literal.key | #82AAFF | — |
| markup.heading.markdown | #FF5370 | bold |
| markup.italic.markdown, markup.bold.markdown | #FFFFFF | italic bold |
| markup.inline.raw.markdown | #FFCB6B | — |
| constant.language.env | #C3E88D | — |
| string | #C3E88D | — |
| constant.numeric | #F78C6C | — |
| variable, meta.definition.variable | #FFCB6B | — |
| entity.name.function, meta.function-call | #FF5370 | — |
| entity.name.type.class | #82AAFF | bold |
| keyword.control | #FF5370 | — |