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#080c10
• activityBar.border#151e26
• activityBar.foreground#4caf50
• activityBar.inactiveForeground#2a4a3a
• activityBarBadge.background#4caf50
• activityBarBadge.foreground#0e1318
• badge.background#4caf50
• badge.foreground#0e1318
• breadcrumb.activeSelectionForeground#c9d1d9
• breadcrumb.focusForeground#4caf50
• breadcrumb.foreground#3a5a4a
• breadcrumbPicker.background#0b1015
• button.background#2e7d32
• button.foreground#ffffff
• button.hoverBackground#4caf50
• button.secondaryBackground#1a2a35
• button.secondaryForeground#c9d1d9
• diffEditor.insertedTextBackground#2e7d3255
• diffEditor.removedTextBackground#7d2e2e55
• dropdown.background#151e26
• dropdown.border#1e3a2a
• dropdown.foreground#c9d1d9
• editor.background#0e1318
• editor.findMatchBackground#4caf5070
• editor.findMatchHighlightBackground#4caf5040
• editor.foreground#c9d1d9
• editor.inactiveSelectionBackground#4caf5015
• editor.lineHighlightBackground#151e26
• editor.selectionBackground#4caf5040
• editor.selectionHighlightBackground#4caf5020
• editor.wordHighlightBackground#1a2a35
• editor.wordHighlightStrongBackground#4caf5030
• editorBracketMatch.background#4caf5030
• editorBracketMatch.border#4caf50
• editorCursor.foreground#4caf50
• editorGroupHeader.noTabsBackground#0a0f13
• editorGroupHeader.tabsBackground#0a0f13
• editorGutter.background#0e1318
• editorIndentGuide.activeBackground#2a4a3a
• editorIndentGuide.background#1e2d3a
• editorLineNumber.activeForeground#4caf50
• editorLineNumber.foreground#2a3a4a
• editorRuler.foreground#1e2d3a
• editorWhitespace.foreground#1e2d3a
• focusBorder#4caf50
• gitDecoration.addedResourceForeground#4caf50
• gitDecoration.deletedResourceForeground#cc4444
• gitDecoration.ignoredResourceForeground#3a5a4a
• gitDecoration.modifiedResourceForeground#c0a030
• gitDecoration.untrackedResourceForeground#4caf50
• input.background#151e26
• input.border#1e3a2a
• input.foreground#c9d1d9
• input.placeholderForeground#3a5a4a
• inputValidation.errorBackground#1a2200
• inputValidation.errorBorder#4caf50
• list.activeSelectionBackground#4caf5030
• list.activeSelectionForeground#4caf50
• list.focusBackground#4caf5030
• list.highlightForeground#4caf50
• list.hoverBackground#151e26
• list.inactiveSelectionBackground#151e26
• minimap.background#0b1015
• minimapSlider.background#4caf5020
• panel.background#0b1015
• panel.border#151e26
• panelTitle.activeBorder#4caf50
• panelTitle.activeForeground#4caf50
• panelTitle.inactiveForeground#3a5a4a
• pickerGroup.border#1e2d3a
• pickerGroup.foreground#4caf50
• progressBar.background#4caf50
• quickInput.background#0b1015
• quickInput.foreground#c9d1d9
• quickInputHighlightForeground#4caf50
• quickInputTitle.background#0a0f13
• scrollbarSlider.activeBackground#4caf5060
• scrollbarSlider.background#4caf5020
• scrollbarSlider.hoverBackground#4caf5040
• selection.background#4caf5040
• sideBar.background#0b1015
• sideBar.border#151e26
• sideBar.foreground#a8c0b0
• sideBarSectionHeader.background#0a0f13
• sideBarSectionHeader.foreground#5a8a7a
• sideBarTitle.foreground#4caf50
• statusBar.background#2e7d32
• statusBar.border#1b5e20
• statusBar.debuggingBackground#66bb6a
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#1b5e20
• statusBarItem.activeBackground#1b5e20
• statusBarItem.hoverBackground#388e3c
• statusBarItem.warningBackground#1b5e20
• statusBarItem.warningForeground#ffffff
• tab.activeBackground#0e1318
• tab.activeBorderTop#4caf50
• tab.activeForeground#4caf50
• tab.border#151e26
• tab.hoverBackground#151e26
• tab.inactiveBackground#0a0f13
• tab.inactiveForeground#3a5a4a
• terminal.ansiBlue#4488cc
• terminal.ansiBrightBlack#445566
• terminal.ansiBrightBlue#66aaff
• terminal.ansiBrightCyan#66dddd
• terminal.ansiBrightGreen#66dd66
• terminal.ansiBrightMagenta#aa66cc
• terminal.ansiBrightRed#ff6666
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ddcc44
• terminal.ansiCyan#44aaaa
• terminal.ansiGreen#4caf50
• terminal.ansiMagenta#8844aa
• terminal.ansiRed#cc4444
• terminal.ansiWhite#c9d1d9
• terminal.ansiYellow#c0a030
• terminal.background#0a0f13
• terminal.foreground#c9d1d9
• terminal.selectionBackground#4caf5040
• terminalCursor.foreground#4caf50
• titleBar.activeBackground#0a0f13
• titleBar.activeForeground#4caf50
• titleBar.border#151e26
• titleBar.inactiveBackground#080c10
• titleBar.inactiveForeground#2a4a3a
• widget.shadow#00000099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).