FullSpectrum Theme

Name: FullSpectrum Theme
Author: FullSpectrum Tech

Publisher: FullSpectrum TechThemes in package: 6

A vibrant dark theme inspired by the FullSpectrum Creative Software Design, combining modern aesthetics with blockchain-inspired gradients and a bold developer-first color palette.

Open in VS Code GitHub

Color themes

VS Code preview

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

FullSpectrum Theme — FullSpectrum Spring Boot Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

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#101010
activityBar.border#1A1A1A
activityBar.foreground#74C690
dropdown.background#18251B
dropdown.foreground#DCEFD5
editor.background#0E0E0E
editor.foreground#DCEFD5
editor.inactiveSelectionBackground#74C69022
editor.lineHighlightBackground#1C2B22
editor.selectionBackground#74C69044
editorCursor.foreground#A1E887
editorIndentGuide.activeBackground1#74C69055
editorIndentGuide.background1#2A2A2A
editorLineNumber.activeForeground#7BD389
editorLineNumber.foreground#2F2F2F
editorWhitespace.foreground#2A3B2E
input.background#0c0c0c
input.foreground#E0F5E0
list.activeSelectionBackground#2D4634
list.hoverBackground#23382A
list.inactiveSelectionBackground#22372C
panel.background#101010
panel.border#1F1F1F
quickInput.background#1C2B22
quickInput.foreground#DCEFD5
sideBar.background#101010
sideBar.border#1A1A1A
sideBar.foreground#C5EBCB
statusBar.background#1C2B22
statusBar.debuggingBackground#487D55
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#E9F5E7
statusBarItem.hoverBackground#5C8A70
statusBarItem.prominentBackground#3C734E
statusBarItem.prominentForeground#FFFFFF
statusBarItem.remoteBackground#74C690
statusBarItem.remoteForeground#111A14
tab.activeBackground#142218
tab.activeBorder#74C690
tab.activeForeground#C9E6CC
tab.activeModifiedBorder#F6A67A
tab.border#1A1A1A
tab.hoverBackground#22372C
tab.hoverForeground#DCEFD5
tab.inactiveBackground#101010
tab.inactiveForeground#6F8F79
tab.inactiveModifiedBorder#B6795F
tab.unfocusedActiveBackground#142218AA
tab.unfocusedActiveBorder#487D5588
tab.unfocusedActiveForeground#A1C3A9
titleBar.activeBackground#142218
titleBar.activeForeground#C9E6CC
titleBar.inactiveBackground#142218AA
titleBar.inactiveForeground#88A894

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6B8C71	italic
keyword, storage.type, storage.modifier, keyword.control, keyword.other	#81F29E	bold
storage.type.annotation, meta.annotation, punctuation.definition.annotation	#74C690	bold
entity.name.annotation.springframework, entity.name.annotation.spring, meta.annotation.springframework	#B7D68D	bold
meta.import, keyword.control.import, support.other.package	#3C5C45	—
string, constant.other.symbol, markup.quote	#F6A67A	—
constant.numeric, constant.language, constant.character	#E0B265	—
entity.name.function, meta.function, meta.function-call, support.function	#A1E887	—
entity.name.type.class, support.class, meta.class, entity.name.type.interface, entity.name.type.enum	#8FAAAD	bold
support.type, entity.name.type, storage.type.object	#DDEFA0	—
variable, meta.definition.variable, support.variable	#C6F5D5	—
variable.other.property, support.variable.property	#A8D6C1	—
punctuation, keyword.operator	#DCEFD5	—
entity.name.tag.yaml, support.type.property-name.yaml	#C2EBA8	—
entity.name.tag.xml, meta.tag.xml, punctuation.definition.tag.xml	#F6A67A	—
meta.key.properties, support.type.property-name	#E0B265	—
entity.other.attribute-name.html, entity.name.tag, meta.tag, punctuation.definition.tag	#88D3A6	—
support.type.property-name.css	#C2EBA8	—
support.constant.property-value.css	#A8D6C1	—