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#080808
• activityBar.border#1a1a1a
• activityBar.foreground#cc0000
• activityBar.inactiveForeground#444444
• activityBarBadge.background#cc0000
• activityBarBadge.foreground#ffffff
• badge.background#cc0000
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#d4d4d4
• breadcrumb.focusForeground#cc0000
• breadcrumb.foreground#666666
• breadcrumbPicker.background#0d0d0d
• button.background#cc0000
• button.foreground#ffffff
• button.hoverBackground#ff0000
• button.secondaryBackground#2a2a2a
• button.secondaryForeground#d4d4d4
• diffEditor.insertedTextBackground#006600aa
• diffEditor.removedTextBackground#660000aa
• dropdown.background#1a1a1a
• dropdown.border#333333
• dropdown.foreground#d4d4d4
• editor.background#111111
• editor.findMatchBackground#cc000060
• editor.findMatchHighlightBackground#88000040
• editor.foreground#d4d4d4
• editor.inactiveSelectionBackground#220000
• editor.lineHighlightBackground#1c1c1c
• editor.selectionBackground#3a0000
• editor.selectionHighlightBackground#2a0000
• editor.wordHighlightBackground#1e1e1e
• editor.wordHighlightStrongBackground#2a0000
• editorBracketMatch.background#3a000088
• editorBracketMatch.border#cc0000
• editorCursor.foreground#cc0000
• editorGroupHeader.noTabsBackground#0a0a0a
• editorGroupHeader.tabsBackground#0a0a0a
• editorGutter.background#111111
• editorIndentGuide.activeBackground#555555
• editorIndentGuide.background#2a2a2a
• editorLineNumber.activeForeground#cc0000
• editorLineNumber.foreground#444444
• editorOverviewRuler.border#2a2a2a
• editorOverviewRuler.errorForeground#cc0000
• editorOverviewRuler.selectionHighlightForeground#cc000060
• editorOverviewRuler.warningForeground#886600
• editorRuler.foreground#2a2a2a
• editorWhitespace.foreground#2a2a2a
• focusBorder#cc0000
• gitDecoration.addedResourceForeground#669966
• gitDecoration.conflictingResourceForeground#cc00cc
• gitDecoration.deletedResourceForeground#cc0000
• gitDecoration.ignoredResourceForeground#444444
• gitDecoration.modifiedResourceForeground#cc6600
• gitDecoration.untrackedResourceForeground#669966
• input.background#1a1a1a
• input.border#333333
• input.foreground#d4d4d4
• input.placeholderForeground#555555
• inputValidation.errorBackground#330000
• inputValidation.errorBorder#cc0000
• list.activeSelectionBackground#330000
• list.activeSelectionForeground#ffffff
• list.focusBackground#330000
• list.highlightForeground#cc0000
• list.hoverBackground#1e1e1e
• list.inactiveSelectionBackground#1e1e1e
• minimap.background#0d0d0d
• minimapSlider.background#33000060
• notification.background#1a1a1a
• notificationCenterHeader.background#0d0d0d
• notificationLink.foreground#cc0000
• notifications.border#2a2a2a
• panel.background#0d0d0d
• panel.border#1e1e1e
• panelTitle.activeBorder#cc0000
• panelTitle.activeForeground#cc0000
• panelTitle.inactiveForeground#666666
• pickerGroup.border#2a2a2a
• pickerGroup.foreground#cc0000
• progressBar.background#cc0000
• quickInput.background#0d0d0d
• quickInput.foreground#d4d4d4
• quickInputHighlightForeground#cc0000
• quickInputTitle.background#0a0a0a
• scrollbarSlider.activeBackground#770000a0
• scrollbarSlider.background#33000060
• scrollbarSlider.hoverBackground#55000080
• selection.background#3a000060
• sideBar.background#0d0d0d
• sideBar.border#1a1a1a
• sideBar.foreground#b0b0b0
• sideBarSectionHeader.background#0a0a0a
• sideBarSectionHeader.foreground#888888
• sideBarTitle.foreground#cc0000
• statusBar.background#cc0000
• statusBar.border#880000
• statusBar.debuggingBackground#ff3333
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#880000
• statusBarItem.activeBackground#990000
• statusBarItem.hoverBackground#aa0000
• statusBarItem.warningBackground#880000
• statusBarItem.warningForeground#ffffff
• tab.activeBackground#1a1a1a
• tab.activeBorderTop#cc0000
• tab.activeForeground#ffffff
• tab.border#1e1e1e
• tab.hoverBackground#1e1e1e
• tab.inactiveBackground#0d0d0d
• tab.inactiveForeground#666666
• terminal.ansiBlue#4444cc
• terminal.ansiBrightBlack#555555
• terminal.ansiBrightBlue#6666ff
• terminal.ansiBrightCyan#66aacc
• terminal.ansiBrightGreen#99cc99
• terminal.ansiBrightMagenta#cc66cc
• terminal.ansiBrightRed#ff3333
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#cccc00
• terminal.ansiCyan#446688
• terminal.ansiGreen#669966
• terminal.ansiMagenta#884488
• terminal.ansiRed#cc0000
• terminal.ansiWhite#d4d4d4
• terminal.ansiYellow#888800
• terminal.background#0a0a0a
• terminal.foreground#d4d4d4
• terminal.selectionBackground#3a000060
• terminalCursor.foreground#cc0000
• titleBar.activeBackground#0a0a0a
• titleBar.activeForeground#cc0000
• titleBar.border#1e1e1e
• titleBar.inactiveBackground#080808
• titleBar.inactiveForeground#444444
• widget.shadow#00000099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).