Retro Power-Up Themes for VS Code

Color themes

• 

  Dark Castle 🐲 (PREMIUM)

• 

  Fire Power 🔥 (PREMIUM)

• 

  Green Player Dark 💚 (PREMIUM)

• 

  Ice Power ❄️ (PREMIUM)

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#000000
• activityBar.foreground#FF6600
• activityBar.inactiveForeground#5a5a5a
• activityBarBadge.background#FF6600
• activityBarBadge.foreground#ffffff
• badge.background#FF6600
• badge.foreground#ffffff
• button.background#FF6600
• button.foreground#ffffff
• button.hoverBackground#e55a00
• dropdown.background#000000
• dropdown.border#3a3a3a
• editor.background#121212
• editor.findMatchBackground#FF853360
• editor.findMatchHighlightBackground#FF853330
• editor.foreground#f5f5f5
• editor.lineHighlightBackground#ffffff08
• editor.selectionBackground#FF660040
• editor.selectionHighlightBackground#E5530030
• editor.wordHighlightBackground#FF853330
• editorBracketHighlight.foreground1#FF6600
• editorBracketHighlight.foreground2#FF8533
• editorBracketHighlight.foreground3#FFA366
• editorBracketHighlight.foreground4#E55300
• editorBracketHighlight.foreground5#D94C00
• editorBracketHighlight.foreground6#CC4400
• editorCursor.foreground#FF6600
• editorGroupHeader.tabsBackground#000000
• editorLineNumber.activeForeground#FF6600
• editorLineNumber.foreground#3a3a3a
• editorSuggestWidget.background#000000
• editorSuggestWidget.highlightForeground#FF6600
• editorSuggestWidget.selectedBackground#FF660030
• editorWidget.background#000000
• editorWidget.border#FF6600
• gitDecoration.conflictingResourceForeground#FF6600
• gitDecoration.deletedResourceForeground#E52521
• gitDecoration.ignoredResourceForeground#5a5a5a
• gitDecoration.modifiedResourceForeground#FF8533
• gitDecoration.untrackedResourceForeground#FFA366
• input.background#000000
• input.border#3a3a3a
• input.foreground#f5f5f5
• inputOption.activeBorder#FF6600
• list.activeSelectionBackground#FF660040
• list.activeSelectionForeground#FF6600
• list.focusOutline#FF6600
• list.hoverBackground#ffffff10
• list.inactiveSelectionBackground#ffffff08
• scrollbarSlider.activeBackground#FF660080
• scrollbarSlider.background#FF660040
• scrollbarSlider.hoverBackground#FF660060
• sideBar.background#0a0a0a
• sideBar.border#FF6600
• sideBar.foreground#e0e0e0
• sideBarSectionHeader.background#000000
• sideBarSectionHeader.foreground#FF8533
• sideBarTitle.foreground#FF6600
• statusBar.background#FF6600
• statusBar.debuggingBackground#FF8533
• statusBar.debuggingForeground#000000
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#E55300
• tab.activeBackground#121212
• tab.activeBorder#FF6600
• tab.activeBorderTop#FF6600
• tab.activeForeground#FF6600
• tab.border#000000
• tab.inactiveBackground#000000
• tab.inactiveForeground#8a8a8a
• terminal.ansiBlack#1a1a1a
• terminal.ansiRed#E52521
• terminal.ansiWhite#f5f5f5
• terminal.ansiYellow#FF6600
• terminal.background#000000
• terminal.foreground#f5f5f5
• titleBar.activeBackground#000000
• titleBar.activeForeground#FF6600
• titleBar.border#FF6600
• titleBar.inactiveBackground#000000
• titleBar.inactiveForeground#5a5a5a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).