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#0d0d0d
• activityBar.foreground#FF6B00
• activityBar.inactiveForeground#6b6b6b
• activityBarBadge.background#FF6B00
• activityBarBadge.foreground#ffffff
• badge.background#FF6B00
• badge.foreground#ffffff
• button.background#FF6B00
• button.foreground#ffffff
• button.hoverBackground#e65f00
• dropdown.background#080808
• dropdown.border#4a4a4a
• editor.background#181818
• editor.findMatchBackground#FFA72660
• editor.findMatchHighlightBackground#FFA72630
• editor.foreground#f0f0f0
• editor.lineHighlightBackground#ffffff08
• editor.selectionBackground#FF6B0040
• editor.selectionHighlightBackground#E5252130
• editor.wordHighlightBackground#FFA72630
• editorBracketHighlight.foreground1#FF6B00
• editorBracketHighlight.foreground2#FFA726
• editorBracketHighlight.foreground3#E52521
• editorBracketHighlight.foreground4#FFD54F
• editorBracketHighlight.foreground5#FF8A65
• editorBracketHighlight.foreground6#FFAB91
• editorCursor.foreground#FF6B00
• editorGroupHeader.tabsBackground#0d0d0d
• editorLineNumber.activeForeground#FF6B00
• editorLineNumber.foreground#4a4a4a
• editorSuggestWidget.background#0d0d0d
• editorSuggestWidget.highlightForeground#FF6B00
• editorSuggestWidget.selectedBackground#FF6B0030
• editorWidget.background#0d0d0d
• editorWidget.border#FF6B00
• gitDecoration.conflictingResourceForeground#FF6B00
• gitDecoration.deletedResourceForeground#E52521
• gitDecoration.ignoredResourceForeground#6b6b6b
• gitDecoration.modifiedResourceForeground#FFA726
• gitDecoration.untrackedResourceForeground#00A651
• input.background#080808
• input.border#4a4a4a
• input.foreground#f0f0f0
• inputOption.activeBorder#FF6B00
• list.activeSelectionBackground#FF6B0040
• list.activeSelectionForeground#FF6B00
• list.focusOutline#FF6B00
• list.hoverBackground#ffffff10
• list.inactiveSelectionBackground#ffffff08
• scrollbarSlider.activeBackground#FF6B0080
• scrollbarSlider.background#FF6B0040
• scrollbarSlider.hoverBackground#FF6B0060
• sideBar.background#101010
• sideBar.border#FF6B00
• sideBar.foreground#e0e0e0
• sideBarSectionHeader.background#0d0d0d
• sideBarSectionHeader.foreground#FFA726
• sideBarTitle.foreground#FF6B00
• statusBar.background#FF6B00
• statusBar.debuggingBackground#FFA726
• statusBar.debuggingForeground#000000
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#E52521
• tab.activeBackground#181818
• tab.activeBorder#FF6B00
• tab.activeBorderTop#FF6B00
• tab.activeForeground#FF6B00
• tab.border#0d0d0d
• tab.inactiveBackground#0d0d0d
• tab.inactiveForeground#9a9a9a
• terminal.ansiBlue#0095DD
• terminal.ansiCyan#00BFFF
• terminal.ansiGreen#00A651
• terminal.ansiMagenta#FF69B4
• terminal.ansiRed#E52521
• terminal.ansiYellow#FFA726
• terminal.background#0d0d0d
• terminal.foreground#f0f0f0
• titleBar.activeBackground#0d0d0d
• titleBar.activeForeground#FF6B00
• titleBar.border#FF6B00
• titleBar.inactiveBackground#080808
• titleBar.inactiveForeground#6b6b6b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).