Star Trek: Factions Theme Pack
Publisher: Robert SchnableThemes in package: 7
7 dark VS Code themes inspired by the factions and aesthetics of Star Trek — Federation, Klingon, Cardassian, Romulan, Vulcan, Borg, and LCARS.
Color themes
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#040804
- activityBar.border#101810
- activityBar.foreground#40c060
- activityBar.inactiveForeground#183020
- activityBarBadge.background#207840
- activityBarBadge.foreground#080e0a
- badge.background#207840
- badge.foreground#080e0a
- button.background#165830
- button.foreground#c8f0d0
- button.hoverBackground#1e6838
- editor.background#080e0a
- editor.findMatchBackground#287a3880
- editor.findMatchHighlightBackground#287a3840
- editor.foreground#98c8a0
- editor.inactiveSelectionBackground#1a5a2840
- editor.lineHighlightBackground#101810
- editor.selectionBackground#1a5a2880
- editor.selectionHighlightBackground#1a5a2840
- editor.wordHighlightBackground#1a5a2840
- editor.wordHighlightStrongBackground#1a5a2860
- editorBracketMatch.background#1a5a2840
- editorBracketMatch.border#389850
- editorCursor.foreground#40c060
- editorGroupHeader.tabsBackground#050a06
- editorIndentGuide.activeBackground#205830
- editorIndentGuide.background#121e14
- editorLineNumber.activeForeground#3a7848
- editorLineNumber.foreground#1e3828
- editorWhitespace.foreground#121e14
- focusBorder#207840
- input.background#0a1410
- input.border#183820
- input.foreground#98c8a0
- input.placeholderForeground#1e4830
- list.activeSelectionBackground#102018
- list.activeSelectionForeground#50d870
- list.highlightForeground#40c060
- list.hoverBackground#101810
- panel.background#050a06
- panel.border#101810
- panelTitle.activeBorder#207840
- panelTitle.activeForeground#40c060
- scrollbarSlider.activeBackground#389858a0
- scrollbarSlider.background#1a5a2860
- scrollbarSlider.hoverBackground#287a3880
- sideBar.background#050a06
- sideBar.border#101810
- sideBar.foreground#609878
- sideBarSectionHeader.background#0a1410
- sideBarSectionHeader.foreground#78b088
- sideBarTitle.foreground#40c060
- statusBar.background#123820
- statusBar.foreground#90c8a0
- statusBarItem.hoverBackground#1a4828
- statusBarItem.remoteBackground#0a2810
- statusBarItem.remoteForeground#70b880
- tab.activeBackground#080e0a
- tab.activeBorderTop#207840
- tab.activeForeground#50d870
- tab.border#101810
- tab.inactiveBackground#050a06
- tab.inactiveForeground#1e4830
- terminal.ansiBlue#308888
- terminal.ansiCyan#38b878
- terminal.ansiGreen#30a850
- terminal.ansiRed#993322
- terminal.ansiWhite#98c8a0
- terminal.ansiYellow#90a840
- terminal.background#050a06
- terminal.foreground#98c8a0
- titleBar.activeBackground#040804
- titleBar.activeForeground#98c8a0
- titleBar.border#101810
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #1e4830 | italic |
| keyword, storage.type, storage.modifier | #38b858 | bold |
| keyword.control | #40d868 | bold |
| string, string.quoted | #608860 | — |
| constant.character.escape, string.regexp | #80a870 | — |
| constant.numeric, constant.language, constant.other | #58b878 | — |
| entity.name.function, meta.function-call entity.name.function | #80d898 | — |
| variable.parameter | #609878 | italic |
| variable, variable.other | #78b088 | — |
| entity.name.type, entity.name.class, support.class | #50d870 | bold |
| entity.name.interface, entity.other.inherited-class | #40c860 | italic |
| variable.other.property, support.type.property-name | #689880 | — |
| keyword.operator | #309050 | — |
| punctuation | #305840 | — |
| entity.name.tag | #389858 | — |
| entity.other.attribute-name | #48a868 | — |
| invalid | #ff4422 | underline |