Nebula Flux: Futuristic Next-Gen Theme
Publisher: Orlith LabsThemes in package: 1
A professional-level, futuristic VS Code theme with glassmorphism, glowing accents, and a next-gen aesthetic.
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#06070a
- activityBar.border#1a1b26
- activityBar.foreground#00f5ff
- activityBar.inactiveForeground#4a5568
- activityBarBadge.background#bf00ff
- activityBarBadge.foreground#ffffff
- badge.background#bf00ff
- badge.foreground#ffffff
- button.background#00f5ff
- button.foreground#06070a
- button.hoverBackground#00d4dd
- editor.background#06070a
- editor.findMatchBackground#ffaa0066
- editor.findMatchHighlightBackground#ffaa0033
- editor.foreground#e0e6ed
- editor.inactiveSelectionBackground#00f5ff1a
- editor.lineHighlightBackground#ffffff0a
- editor.selectionBackground#00f5ff33
- editor.selectionHighlightBackground#00f5ff22
- editor.wordHighlightBackground#bf00ff33
- editor.wordHighlightStrongBackground#bf00ff55
- editorBracketMatch.background#00f5ff33
- editorBracketMatch.border#00f5ff
- editorCursor.foreground#00f5ff
- editorLineNumber.activeForeground#00f5ff
- editorLineNumber.foreground#4a5568
- input.background#12141c
- input.border#1a1b26
- input.foreground#e0e6ed
- inputOption.activeBorder#00f5ff
- list.activeSelectionBackground#ffffff10
- list.activeSelectionForeground#00f5ff
- list.hoverBackground#ffffff08
- list.inactiveSelectionBackground#ffffff05
- panel.background#0a0b10
- panel.border#1a1b26
- panelTitle.activeBorder#00f5ff
- panelTitle.activeForeground#00f5ff
- scrollbarSlider.activeBackground#00f5ff55
- scrollbarSlider.background#ffffff10
- scrollbarSlider.hoverBackground#ffffff20
- sideBar.background#0a0b10
- sideBar.border#1a1b26
- sideBar.foreground#8a99a8
- sideBarSectionHeader.background#12141c
- sideBarSectionHeader.foreground#00f5ff
- sideBarTitle.foreground#e0e6ed
- statusBar.background#00f5ff
- statusBar.debuggingBackground#bf00ff
- statusBar.foreground#06070a
- statusBar.noFolderBackground#12141c
- statusBarItem.hoverBackground#00d4dd
- tab.activeBackground#12141c
- tab.activeBorderTop#00f5ff
- tab.activeForeground#00f5ff
- tab.border#1a1b26
- tab.inactiveBackground#06070a
- tab.inactiveForeground#4a5568
- titleBar.activeBackground#06070a
- titleBar.activeForeground#e0e6ed
- titleBar.inactiveBackground#06070a
- titleBar.inactiveForeground#4a5568
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type, storage.modifier | #00f5ff | bold |
| entity.name.function, support.function | #bf00ff | — |
| string | #00ff9d | — |
| variable | #e0e6ed | — |
| constant.numeric | #ffaa00 | — |
| entity.name.type, support.type | #00d4dd | — |
| comment | #4a5568 | italic |
| punctuation, keyword.operator | #8a99a8 | — |