Star Trek: Factions Theme Pack

Name: Star Trek: Factions Theme Pack
Author: Robert Schnable

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.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Star Trek: Factions Theme Pack — ST: Romulan

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

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