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#FFFFFF
- activityBar.border#DDDDDD
- activityBar.foreground#C3002F
- dropdown.background#FCFCFC
- dropdown.foreground#222222
- editor.background#F9FAFF
- editor.foreground#1E1E1E
- editor.inactiveSelectionBackground#C3002F11
- editor.lineHighlightBackground#F2F6FC
- editor.selectionBackground#C3002F22
- editorCursor.foreground#C3002F
- editorIndentGuide.activeBackground1#C3002F33
- editorIndentGuide.background1#E8E8E8
- editorLineNumber.activeForeground#C3002F
- editorLineNumber.foreground#B0B0B0
- editorWhitespace.foreground#DDDDDD
- input.background#FFFFFF
- input.foreground#1E1E1E
- list.activeSelectionBackground#FADFE2
- list.hoverBackground#F5F0F6
- list.inactiveSelectionBackground#F7ECEF
- panel.background#FFFFFF
- panel.border#E0E0E0
- quickInput.background#FFFFFF
- quickInput.foreground#1E1E1E
- sideBar.background#FAFAFA
- sideBar.border#E0E0E0
- sideBar.foreground#333333
- statusBar.background#F5F5F5
- statusBar.debuggingBackground#FFC2BC
- statusBar.debuggingForeground#000000
- statusBar.foreground#1E1E1E
- statusBarItem.hoverBackground#E00034
- statusBarItem.prominentBackground#A00028
- statusBarItem.prominentForeground#FFFFFF
- statusBarItem.remoteBackground#C3002F
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#F4F6F8
- tab.activeBorder#C3002F
- tab.activeForeground#1E1E1E
- tab.activeModifiedBorder#D93B30
- tab.border#DDDDDD
- tab.hoverBackground#EDEDED
- tab.hoverForeground#000000
- tab.inactiveBackground#FFFFFF
- tab.inactiveForeground#777777
- tab.inactiveModifiedBorder#A44440
- tab.unfocusedActiveBackground#F4F6F8AA
- tab.unfocusedActiveBorder#C3002F55
- tab.unfocusedActiveForeground#555555
- titleBar.activeBackground#F4F6F8
- titleBar.activeForeground#1E1E1E
- titleBar.inactiveBackground#F4F6F8CC
- titleBar.inactiveForeground#888888
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.decorator.ts, meta.decorator.expression.ts | #C3002F | bold |
| source.ts keyword, source.tsx keyword | #C3002F | bold |
| entity.name.type.interface.ts, entity.name.type.interface | #3E4EB8 | italic |
| text.html.ng, source.html | #C3002F | — |
| variable.scss, support.variable.scss | #6A1B9A | — |
| support.type.property-name.scss | #EF6C00 | — |
| constant.other.color.rgb-value.scss, constant.other.color.hex-value.scss | #C1440E | — |
| entity.other.attribute-name.html.ng, meta.attribute.html.ng | #C3002F | — |
| punctuation.definition.tag.begin.html.ng, punctuation.definition.tag.end.html.ng | #C3002F | — |
| support.type.property-name.json, meta.object-literal.key | #6A1B9A | — |
| markup.heading.markdown | #C3002F | bold |
| markup.italic.markdown, markup.bold.markdown | #000000 | italic bold |
| markup.inline.raw.markdown | #D84315 | — |
| constant.language.env | #2E7D32 | — |
| string | #C1440E | — |
| constant.numeric | #D98C00 | — |
| variable, meta.definition.variable | #6A1B9A | — |
| entity.name.function, meta.function-call | #C3002F | — |
| entity.name.type.class | #3E4EB8 | bold |
| keyword.control | #C3002F | — |