Amber CRT Spectrum

Name: Amber CRT Spectrum
Author: ckoryom

Publisher: ckoryomThemes in package: 1

A warm phosphor-inspired VS Code theme with vivid syntax highlighting.

Open in VS Code GitHub

VS Code preview

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

Amber CRT Spectrum — Amber CRT Spectrum

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#170E04
activityBar.border#2E1C0A
activityBar.foreground#FFB000
activityBar.inactiveForeground#8A6325
activityBarBadge.background#FFB000
activityBarBadge.foreground#241707
badge.background#8A5B16
badge.foreground#FFE3A3
breadcrumb.activeSelectionForeground#FFE3A3
breadcrumb.focusForeground#FFD75A
breadcrumb.foreground#B79355
commandCenter.activeBackground#33200B
commandCenter.background#241707
commandCenter.foreground#F4D58A
debugToolBar.background#2B1B08
descriptionForeground#C8A96A
diffEditor.insertedLineBackground#29410F33
diffEditor.insertedTextBackground#29410F66
diffEditor.removedLineBackground#5C1F1733
diffEditor.removedTextBackground#5C1F1766
dropdown.background#241707
dropdown.border#8A5B16
dropdown.foreground#F4D58A
editor.background#241707
editor.findMatchBackground#8A5B1688
editor.findMatchBorder#FFD75ACC
editor.findMatchHighlightBackground#5A3B1266
editor.findRangeHighlightBackground#4A2F1266
editor.foreground#F4D58A
editor.hoverHighlightBackground#5A3B123A
editorBracketHighlight.foreground1#FFB000
editorBracketHighlight.foreground2#FFD166
editorBracketHighlight.foreground3#FF9F43
editorBracketHighlight.unexpectedBracket.foreground#FF6B6B
editorBracketMatch.background#5A3812
editorBracketMatch.border#FFB000
editorCodeLens.foreground#A8884D
editorCursor.foreground#FFD75A
editorError.foreground#FF6B6B
editorGroup.border#2E1C0A
editorGroup.dropBackground#4A2F1266
editorGroup.emptyBackground#241707
editorGroupHeader.noTabsBackground#1D1206
editorGroupHeader.tabsBackground#1D1206
editorGutter.addedBackground#9BE564
editorGutter.background#241707
editorGutter.deletedBackground#FF6B6B
editorGutter.modifiedBackground#FFB000
editorHint.foreground#9BE564
editorHoverWidget.background#211406
editorHoverWidget.border#8A5B16
editorIndentGuide.activeBackground1#9A651D
editorIndentGuide.background1#4A2D0C
editorInfo.foreground#54D6E8
editorLightBulb.foreground#FFD166
editorLightBulbAutoFix.foreground#9BE564
editorLineNumber.activeForeground#FFD75A
editorLineNumber.foreground#8A6325
editorPane.background#241707
editorStickyScroll.background#241707
editorStickyScrollHover.background#2B1B08
editorSuggestWidget.background#211406
editorSuggestWidget.border#8A5B16
editorSuggestWidget.foreground#F4D58A
editorSuggestWidget.highlightForeground#FFD75A
editorSuggestWidget.selectedBackground#4A2F12
editorWarning.foreground#FFD166
editorWhitespace.foreground#5A3812
editorWidget.background#2B1B08
editorWidget.border#8A5B16
errorForeground#FF7B72
extensionButton.background#5A3410
extensionButton.foreground#FFE3A3
extensionButton.hoverBackground#744515
extensionButton.prominentBackground#FFB000
extensionButton.prominentForeground#241707
extensionButton.prominentHoverBackground#FFC233
extensionButton.separator#8A5B16
focusBorder#FFB000
foreground#EBCF88
gitDecoration.addedResourceForeground#9BE564
gitDecoration.deletedResourceForeground#FF6B6B
gitDecoration.modifiedResourceForeground#FFB000
gitDecoration.untrackedResourceForeground#54D6E8
icon.foreground#D7B16A
input.background#2B1B08
input.border#9A651D
input.foreground#F4D58A
input.placeholderForeground#9A7745
inputOption.activeBorder#FFB000
keybindingLabel.background#2B1B08
keybindingLabel.border#8A5B16
keybindingLabel.bottomBorder#5C3A15
keybindingLabel.foreground#F4D58A
list.activeSelectionBackground#4A2F12
list.activeSelectionForeground#FFE3A3
list.dropBackground#5A3B1288
list.errorForeground#FF7B72
list.focusBackground#4A2F12
list.focusForeground#FFE3A3
list.highlightForeground#FFD75A
list.hoverBackground#2B1B08
list.inactiveFocusBackground#33200B
list.inactiveSelectionBackground#33200B
list.inactiveSelectionForeground#E7C879
list.warningForeground#FFD166
listFilterWidget.background#241707
listFilterWidget.noMatchesOutline#FF6B6B
listFilterWidget.outline#8A5B16
menu.background#211406
menu.foreground#F4D58A
menu.selectionBackground#4A2F12
menu.selectionForeground#FFE3A3
menu.separatorBackground#5C3A15
minimap.background#170E04
minimap.findMatchHighlight#FFD75A88
minimap.selectionHighlight#FFB00055
notificationCenter.border#5C3A15
notifications.background#1B1005
notifications.border#8A5B16
notifications.foreground#F4D58A
notificationToast.border#8A5B16
panel.background#1B1005
panel.border#5C3A15
panelInput.border#8A5B16
panelSection.border#2E1C0A
panelSectionHeader.background#211406
panelSectionHeader.foreground#FFD75A
panelTitle.activeBorder#FFB000
panelTitle.activeForeground#FFD75A
panelTitle.inactiveForeground#9B7740
peekView.border#8A5B16
peekViewEditor.background#201305
peekViewEditor.matchHighlightBackground#8A5B1655
peekViewResult.background#1B1005
peekViewResult.fileForeground#FFD75A
peekViewResult.lineForeground#D8BC76
peekViewResult.matchHighlightBackground#5A3B12
peekViewTitle.background#2B1B08
peekViewTitleDescription.foreground#B79355
peekViewTitleLabel.foreground#FFE3A3
pickerGroup.border#5C3A15
pickerGroup.foreground#FFD75A
progressBar.background#FFB000
quickInput.background#211406
quickInput.foreground#F4D58A
quickInputList.focusBackground#4A2F12
sash.hoverBorder#FFB000
scrollbarSlider.activeBackground#FFB00099
scrollbarSlider.background#8A5B1650
scrollbarSlider.hoverBackground#B9781D80
selection.background#6A4617
settings.checkboxBackground#241707
settings.checkboxBorder#8A5B16
settings.checkboxForeground#FFD75A
settings.dropdownBackground#241707
settings.dropdownBorder#8A5B16
settings.dropdownForeground#F4D58A
settings.focusedRowBackground#2B1B08
settings.focusedRowBorder#5C3A15
settings.headerBorder#2E1C0A
settings.headerForeground#FFD75A
settings.modifiedItemIndicator#FFB000
settings.numberInputBackground#241707
settings.numberInputBorder#8A5B16
settings.numberInputForeground#F4D58A
settings.rowHoverBackground#211406
settings.sashBorder#2E1C0A
settings.settingsHeaderHoverForeground#FFE3A3
settings.textInputBackground#241707
settings.textInputBorder#8A5B16
settings.textInputForeground#F4D58A
sideBar.background#1D1206
sideBar.border#2E1C0A
sideBar.dropBackground#4A2F1280
sideBar.foreground#E7C879
sideBarSectionHeader.background#211406
sideBarSectionHeader.border#2E1C0A
sideBarSectionHeader.foreground#FFD75A
sideBarStickyScroll.background#1D1206
sideBarStickyScroll.border#2E1C0A
sideBarStickyScroll.shadow#00000055
sideBarTitle.foreground#FFD75A
statusBar.background#4A2B08
statusBar.border#2E1C0A
statusBar.debuggingBackground#7A2A1B
statusBar.debuggingForeground#FFE3A3
statusBar.foreground#FFD75A
statusBar.noFolderBackground#3A2106
tab.activeBackground#33200B
tab.activeBorderTop#FFB000
tab.activeForeground#FFE3A3
tab.border#2E1C0A
tab.hoverBackground#2B1B08
tab.hoverForeground#FFE3A3
tab.inactiveBackground#241707
tab.inactiveForeground#9B7740
tab.unfocusedActiveForeground#D7B16A
terminal.ansiBlack#241707
terminal.ansiBlue#54D6E8
terminal.ansiCyan#5ED7FF
terminal.ansiGreen#9BE564
terminal.ansiMagenta#FF6B9D
terminal.ansiRed#FF6B6B
terminal.ansiWhite#F4D58A
terminal.ansiYellow#FFD166
terminal.background#241707
terminal.border#2E1C0A
terminal.foreground#F4D58A
terminal.selectionBackground#6B4515
terminal.tab.activeBorder#FFB000
terminalCursor.background#241707
terminalCursor.foreground#FFD75A
textBlockQuote.background#241707
textBlockQuote.border#8A5B16
textCodeBlock.background#221507
textLink.activeForeground#FFE8A8
textLink.foreground#FFD75A
textPreformat.foreground#FFD166
textSeparator.foreground#5C3A15
titleBar.activeBackground#1B1005
titleBar.activeForeground#FFD75A
titleBar.border#2E1C0A
titleBar.inactiveBackground#170E04
titleBar.inactiveForeground#8A6325
tree.indentGuidesStroke#4A2D0C
tree.tableColumnsBorder#2E1C0A
tree.tableOddRowsBackground#211406
walkThrough.embeddedEditorBackground#211406
welcomePage.background#1B1005
welcomePage.progress.background#2B1B08
welcomePage.progress.foreground#FFB000
welcomePage.tileBackground#241707
welcomePage.tileHoverBackground#2B1B08
widget.shadow#00000066
window.activeBorder#5C3A15
window.inactiveBorder#2E1C0A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#9A7745	italic
keyword, storage, storage.type, storage.modifier	#FFB000	bold
keyword.control, keyword.operator.new, keyword.operator.expression	#FF6B9D	—
constant, constant.language, constant.numeric, constant.character	#B78CFF	—
string, string.quoted, string.template	#9BE564	—
string.regexp	#FF9F43	—
entity.name.function, support.function, meta.function-call, variable.function	#54D6E8	—
entity.name.type, support.type, entity.name.class, entity.name.interface, support.class	#FFD166	bold
variable, meta.definition.variable	#F4D58A	—
variable.language, variable.parameter	#FF9F43	—
entity.name.tag	#FF6B9D	—
entity.other.attribute-name	#54D6E8	—
punctuation.definition.tag, punctuation, meta.brace	#D1B477	—
support.constant, support.variable	#B78CFF	—
markup.heading, markup.bold	#FFD75A	bold
markup.italic	#FF9F43	italic
markup.inline.raw, markup.fenced_code.block, markup.raw	#54D6E8	—
markup.list, markup.quote	#D1B477	—
invalid	#FF6B6B	underline