Retro Power-Up Themes for VS Code
Publisher: NextGenCodeThemes in package: 5
🎮 Retro gaming dark themes for VS Code. Free Mushroom Kingdom Dark theme + 5 premium power-up inspired themes. Perfect for developers who love retro gaming aesthetics!
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#050a0f
- activityBar.foreground#00BFFF
- activityBar.inactiveForeground#4a5f7a
- activityBarBadge.background#00BFFF
- activityBarBadge.foreground#ffffff
- badge.background#00BFFF
- badge.foreground#ffffff
- button.background#00BFFF
- button.foreground#ffffff
- button.hoverBackground#00a0e6
- dropdown.background#020508
- dropdown.border#2d4356
- editor.background#0d1821
- editor.findMatchBackground#87CEEB60
- editor.findMatchHighlightBackground#87CEEB30
- editor.foreground#e8f4fd
- editor.lineHighlightBackground#ffffff08
- editor.selectionBackground#00BFFF40
- editor.selectionHighlightBackground#0095DD30
- editor.wordHighlightBackground#87CEEB30
- editorBracketHighlight.foreground1#00BFFF
- editorBracketHighlight.foreground2#87CEEB
- editorBracketHighlight.foreground3#5DADE2
- editorBracketHighlight.foreground4#AED6F1
- editorBracketHighlight.foreground5#7FB3D5
- editorBracketHighlight.foreground6#D6EAF8
- editorCursor.foreground#00BFFF
- editorGroupHeader.tabsBackground#050a0f
- editorLineNumber.activeForeground#00BFFF
- editorLineNumber.foreground#2d4356
- editorSuggestWidget.background#050a0f
- editorSuggestWidget.highlightForeground#00BFFF
- editorSuggestWidget.selectedBackground#00BFFF30
- editorWidget.background#050a0f
- editorWidget.border#00BFFF
- gitDecoration.conflictingResourceForeground#AED6F1
- gitDecoration.deletedResourceForeground#7FB3D5
- gitDecoration.ignoredResourceForeground#4a5f7a
- gitDecoration.modifiedResourceForeground#87CEEB
- gitDecoration.untrackedResourceForeground#5DADE2
- input.background#020508
- input.border#2d4356
- input.foreground#e8f4fd
- inputOption.activeBorder#00BFFF
- list.activeSelectionBackground#00BFFF40
- list.activeSelectionForeground#00BFFF
- list.focusOutline#00BFFF
- list.hoverBackground#ffffff10
- list.inactiveSelectionBackground#ffffff08
- scrollbarSlider.activeBackground#00BFFF80
- scrollbarSlider.background#00BFFF40
- scrollbarSlider.hoverBackground#00BFFF60
- sideBar.background#0a1018
- sideBar.border#00BFFF
- sideBar.foreground#c5d9e8
- sideBarSectionHeader.background#050a0f
- sideBarSectionHeader.foreground#87CEEB
- sideBarTitle.foreground#00BFFF
- statusBar.background#00BFFF
- statusBar.debuggingBackground#87CEEB
- statusBar.debuggingForeground#000000
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#0095DD
- tab.activeBackground#0d1821
- tab.activeBorder#00BFFF
- tab.activeBorderTop#00BFFF
- tab.activeForeground#00BFFF
- tab.border#050a0f
- tab.inactiveBackground#050a0f
- tab.inactiveForeground#6b8ca8
- terminal.ansiBlue#00BFFF
- terminal.ansiCyan#87CEEB
- terminal.ansiGreen#5DADE2
- terminal.ansiRed#7FB3D5
- terminal.ansiWhite#e8f4fd
- terminal.ansiYellow#AED6F1
- terminal.background#050a0f
- terminal.foreground#e8f4fd
- titleBar.activeBackground#050a0f
- titleBar.activeForeground#00BFFF
- titleBar.border#00BFFF
- titleBar.inactiveBackground#020508
- titleBar.inactiveForeground#4a5f7a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #4a5f7a | italic |
| keyword, storage.type, storage.modifier | #00BFFF | bold |
| keyword.control, keyword.operator | #87CEEB | — |
| variable | #e8f4fd | — |
| variable.parameter | #AED6F1 | — |
| entity.name.function, support.function | #5DADE2 | bold |
| entity.name.type, entity.name.class | #7FB3D5 | bold |
| string | #D6EAF8 | — |
| constant.numeric | #AED6F1 | — |
| entity.name.tag | #00BFFF | bold |
| entity.other.attribute-name | #87CEEB | — |