Star Wars: Force Theme

Color themes

• 

  🔴 Dark Side Mode

• 

  ⚔️ Empire Mode

• 

  💚 Jedi Mode

• 

  🚀 Rebel Mode

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#070c14
• activityBar.border#162238
• activityBar.foreground#f5a623
• activityBar.inactiveForeground#445566
• activityBarBadge.background#f5a623
• activityBarBadge.foreground#0d1b2a
• badge.background#f5a623
• badge.foreground#0d1b2a
• breadcrumb.activeSelectionForeground#e8d5b0
• breadcrumb.focusForeground#f5a623
• breadcrumb.foreground#556677
• breadcrumbPicker.background#0a1420
• button.background#c47d0a
• button.foreground#ffffff
• button.hoverBackground#f5a623
• button.secondaryBackground#1e3050
• button.secondaryForeground#e8d5b0
• diffEditor.insertedTextBackground#44880055
• diffEditor.removedTextBackground#aa440055
• dropdown.background#162238
• dropdown.border#2a3f55
• dropdown.foreground#e8d5b0
• editor.background#0d1b2a
• editor.findMatchBackground#f5a62370
• editor.findMatchHighlightBackground#f5a62340
• editor.foreground#e8d5b0
• editor.inactiveSelectionBackground#f5a62315
• editor.lineHighlightBackground#162238
• editor.selectionBackground#f5a62340
• editor.selectionHighlightBackground#f5a62320
• editor.wordHighlightBackground#1e3050
• editor.wordHighlightStrongBackground#f5a62330
• editorBracketMatch.background#f5a62330
• editorBracketMatch.border#f5a623
• editorCursor.foreground#f5a623
• editorGroupHeader.noTabsBackground#090f18
• editorGroupHeader.tabsBackground#090f18
• editorGutter.background#0d1b2a
• editorIndentGuide.activeBackground#3a5a7a
• editorIndentGuide.background#1e2f42
• editorLineNumber.activeForeground#f5a623
• editorLineNumber.foreground#3a4a5a
• editorRuler.foreground#1e2f42
• editorWhitespace.foreground#1e2f42
• focusBorder#f5a623
• gitDecoration.addedResourceForeground#88cc44
• gitDecoration.deletedResourceForeground#cc4444
• gitDecoration.ignoredResourceForeground#445566
• gitDecoration.modifiedResourceForeground#f5a623
• gitDecoration.untrackedResourceForeground#88cc44
• input.background#162238
• input.border#2a3f55
• input.foreground#e8d5b0
• input.placeholderForeground#445566
• inputValidation.errorBackground#331100
• inputValidation.errorBorder#f5a623
• list.activeSelectionBackground#f5a62330
• list.activeSelectionForeground#f5a623
• list.focusBackground#f5a62330
• list.highlightForeground#f5a623
• list.hoverBackground#162238
• list.inactiveSelectionBackground#162238
• minimap.background#0a1420
• minimapSlider.background#f5a62320
• panel.background#0a1420
• panel.border#162238
• panelTitle.activeBorder#f5a623
• panelTitle.activeForeground#f5a623
• panelTitle.inactiveForeground#556677
• pickerGroup.border#1e2f42
• pickerGroup.foreground#f5a623
• progressBar.background#f5a623
• quickInput.background#0a1420
• quickInput.foreground#e8d5b0
• quickInputHighlightForeground#f5a623
• quickInputTitle.background#090f18
• scrollbarSlider.activeBackground#f5a62360
• scrollbarSlider.background#f5a62320
• scrollbarSlider.hoverBackground#f5a62340
• selection.background#f5a62340
• sideBar.background#0a1420
• sideBar.border#162238
• sideBar.foreground#c8b896
• sideBarSectionHeader.background#090f18
• sideBarSectionHeader.foreground#8899aa
• sideBarTitle.foreground#f5a623
• statusBar.background#c47d0a
• statusBar.border#8a5500
• statusBar.debuggingBackground#ff9500
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#8a5500
• statusBarItem.activeBackground#aa6a00
• statusBarItem.hoverBackground#d48a10
• statusBarItem.warningBackground#8a5500
• statusBarItem.warningForeground#ffffff
• tab.activeBackground#0d1b2a
• tab.activeBorderTop#f5a623
• tab.activeForeground#f5a623
• tab.border#162238
• tab.hoverBackground#162238
• tab.inactiveBackground#090f18
• tab.inactiveForeground#556677
• terminal.ansiBlue#4488cc
• terminal.ansiBrightBlack#556677
• terminal.ansiBrightBlue#66aaff
• terminal.ansiBrightCyan#66ccee
• terminal.ansiBrightGreen#aadd66
• terminal.ansiBrightMagenta#cc88aa
• terminal.ansiBrightRed#ff6633
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffcc44
• terminal.ansiCyan#44aacc
• terminal.ansiGreen#88cc44
• terminal.ansiMagenta#aa6688
• terminal.ansiRed#cc4400
• terminal.ansiWhite#e8d5b0
• terminal.ansiYellow#f5a623
• terminal.background#090f18
• terminal.foreground#e8d5b0
• terminal.selectionBackground#f5a62340
• terminalCursor.foreground#f5a623
• titleBar.activeBackground#090f18
• titleBar.activeForeground#f5a623
• titleBar.border#162238
• titleBar.inactiveBackground#070c14
• titleBar.inactiveForeground#445566
• widget.shadow#00000099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).