Neon Contagion — Themes & Icons

Name: Neon Contagion — Themes & Icons
Author: ToxicEpoch

Publisher: ToxicEpochThemes in package: 50

50 luminous cyberpunk themes, 50 coordinated original file icon packs, and a developer workspace with reversible paired previews.

Open in VS Code GitHub

Color themes

VS Code preview

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

Neon Contagion — Themes & Icons — Neon Contagion: Midnight Antenna

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.activeBackground#00DFFF22
activityBar.activeBorder#00DFFF
activityBar.background#031D2D
activityBar.border#00DFFF66
activityBar.foreground#00DFFF
activityBar.inactiveForeground#AFC2D2
activityBarBadge.background#00DFFF
activityBarBadge.foreground#020B21
badge.background#00DFFF
badge.foreground#020B21
breadcrumb.background#020B21
breadcrumb.foreground#AFC2D2
button.background#00DFFF
button.foreground#020B21
button.hoverBackground#2EE5FF
button.secondaryBackground#3A1A38
button.secondaryForeground#EEF8FF
button.secondaryHoverBackground#0A335C
commandCenter.background#061F40
commandCenter.border#44418C
commandCenter.foreground#EEF8FF
debugConsole.errorForeground#EB6C90
debugConsole.infoForeground#54D3EB
debugConsole.warningForeground#FFC30E
descriptionForeground#AFC2D2
diffEditor.insertedLineBackground#4EF1840D
diffEditor.insertedTextBackground#4EF18421
diffEditor.removedLineBackground#EB6C900D
diffEditor.removedTextBackground#EB6C9021
disabledForeground#AFC2D2
dropdown.background#061F40
dropdown.border#44418C
dropdown.foreground#EEF8FF
editor.background#020B21
editor.findMatchBackground#3F1C3A
editor.findMatchBorder#00DFFF
editor.findMatchForeground#EEF8FF
editor.findMatchHighlightBackground#121637
editor.findMatchHighlightBorder#A174FF99
editor.foreground#EEF8FF
editor.inactiveSelectionBackground#00DFFF28
editor.lineHighlightBackground#041530
editor.lineHighlightBorder#00000000
editor.selectionBackground#3A1A38
editor.selectionForeground#EEF8FF
editor.selectionHighlightBackground#00DFFF28
editor.selectionHighlightBorder#A174FF77
editor.wordHighlightBackground#00DFFF28
editor.wordHighlightStrongBackground#00DFFF28
editorBracketHighlight.foreground1#00DFFF
editorBracketHighlight.foreground2#00DFFF
editorBracketHighlight.foreground3#FF518B
editorBracketHighlight.foreground4#FF518B
editorBracketHighlight.foreground5#A174FF
editorBracketHighlight.foreground6#EEF8FF
editorCodeLens.foreground#AFC2D2
editorCursor.foreground#DEFF00
editorError.foreground#EB6C90
editorGhostText.background#00000000
editorGhostText.foreground#AFC2D2
editorGroup.border#44418C
editorGroupHeader.tabsBackground#0A335C
editorGutter.addedBackground#4EF184
editorGutter.deletedBackground#EB6C90
editorGutter.foldingControlForeground#AFC2D2
editorGutter.modifiedBackground#54D3EB
editorHint.foreground#AFC2D2
editorHoverWidget.background#061F40
editorHoverWidget.border#44418C
editorHoverWidget.foreground#EEF8FF
editorIndentGuide.activeBackground1#00DFFF66
editorIndentGuide.background1#44418C
editorInfo.foreground#54D3EB
editorInlayHint.background#061F40
editorInlayHint.foreground#AFC2D2
editorLineNumber.activeForeground#00DFFF
editorLineNumber.foreground#AFC2D2
editorLink.activeForeground#00DFFF
editorOverviewRuler.border#00000000
editorOverviewRuler.errorForeground#EB6C90
editorOverviewRuler.infoForeground#54D3EB
editorOverviewRuler.warningForeground#FFC30E
editorRuler.foreground#44418C
editorStickyScroll.background#020B21
editorStickyScrollHover.background#061F40
editorSuggestWidget.background#061F40
editorSuggestWidget.border#44418C
editorSuggestWidget.foreground#EEF8FF
editorSuggestWidget.highlightForeground#00DFFF
editorSuggestWidget.selectedBackground#3A1A38
editorSuggestWidget.selectedForeground#EEF8FF
editorUnicodeHighlight.background#FF518B12
editorUnicodeHighlight.border#FF518B
editorWarning.foreground#FFC30E
editorWhitespace.foreground#44418C
editorWidget.background#061F40
editorWidget.border#44418C
editorWidget.foreground#EEF8FF
focusBorder#00DFFF
foreground#EEF8FF
gitDecoration.addedResourceForeground#4EF184
gitDecoration.conflictingResourceForeground#FFC30E
gitDecoration.deletedResourceForeground#EB6C90
gitDecoration.ignoredResourceForeground#AFC2D2
gitDecoration.modifiedResourceForeground#54D3EB
gitDecoration.untrackedResourceForeground#4EF184
input.background#061F40
input.border#44418C
input.foreground#EEF8FF
input.placeholderForeground#AFC2D2
inputOption.activeBackground#00DFFF28
inputOption.activeBorder#00DFFF
inputOption.activeForeground#EEF8FF
list.activeSelectionBackground#3A1A38
list.activeSelectionForeground#EEF8FF
list.focusBackground#3A1A38
list.focusForeground#EEF8FF
list.focusHighlightForeground#00DFFF
list.focusOutline#A174FF
list.highlightForeground#00DFFF
list.hoverBackground#00DFFF14
list.hoverForeground#EEF8FF
list.inactiveSelectionBackground#3A1A38
list.inactiveSelectionForeground#EEF8FF
menu.background#061F40
menu.border#44418C
menu.foreground#EEF8FF
merge.currentContentBackground#A174FF14
merge.currentHeaderBackground#A174FF30
merge.incomingContentBackground#DEFF0014
merge.incomingHeaderBackground#DEFF0030
minimap.selectionHighlight#00DFFF77
notebook.cellBorderColor#44418C
notebook.cellEditorBackground#020B21
notebook.focusedCellBorder#00DFFF
notebook.selectedCellBackground#3A1A38
notificationCenterHeader.background#061F40
notifications.background#061F40
notifications.border#44418C
notifications.foreground#EEF8FF
panel.background#031D2D
panel.border#00DFFF88
panelTitle.activeBorder#00DFFF
panelTitle.activeForeground#00DFFF
panelTitle.inactiveForeground#AFC2D2
peekView.border#00DFFF
peekViewEditor.background#061F40
peekViewResult.background#061F40
peekViewResult.fileForeground#EEF8FF
peekViewResult.lineForeground#EEF8FF
pickerGroup.foreground#00DFFF
progressBar.background#00DFFF
quickInput.background#061F40
quickInput.foreground#EEF8FF
quickInputList.focusBackground#3A1A38
quickInputList.focusForeground#EEF8FF
scrollbarSlider.activeBackground#00DFFF66
scrollbarSlider.background#44418C99
scrollbarSlider.hoverBackground#AFC2D266
settings.dropdownBackground#061F40
settings.modifiedItemIndicator#00DFFF
sideBar.background#061F40
sideBar.border#A174FF88
sideBar.foreground#EEF8FF
sideBarSectionHeader.background#061F40
sideBarSectionHeader.border#44418C
sideBarSectionHeader.foreground#00DFFF
sideBarTitle.foreground#00DFFF
statusBar.background#00DFFF
statusBar.border#44418C
statusBar.debuggingBackground#00DFFF
statusBar.debuggingForeground#020B21
statusBar.foreground#020B21
statusBar.noFolderBackground#00DFFF
statusBarItem.errorBackground#EB6C90
statusBarItem.errorForeground#020B21
statusBarItem.hoverBackground#00DFFF14
statusBarItem.hoverForeground#020B21
statusBarItem.prominentBackground#00CEED
statusBarItem.prominentForeground#020B21
statusBarItem.remoteBackground#00DFFF
statusBarItem.remoteForeground#020B21
statusBarItem.warningBackground#FFC30E
statusBarItem.warningForeground#020B21
tab.activeBackground#020B21
tab.activeBorder#00DFFF
tab.activeBorderTop#A174FF
tab.activeForeground#A174FF
tab.border#44418C
tab.hoverBackground#3A1A38
tab.inactiveBackground#061F40
tab.inactiveForeground#AFC2D2
tab.unfocusedActiveBorder#44418C
terminal.ansiBlack#AFC2D2
terminal.ansiBlue#61A7EB
terminal.ansiBrightBlack#BCCDDB
terminal.ansiBrightBlue#84BAEF
terminal.ansiBrightCyan#42F6E9
terminal.ansiBrightGreen#75F49F
terminal.ansiBrightMagenta#FD8FDD
terminal.ansiBrightRed#EF8CA8
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFD043
terminal.ansiCyan#0DF4E3
terminal.ansiGreen#4EF184
terminal.ansiMagenta#FC6FD3
terminal.ansiRed#EB6C90
terminal.ansiWhite#EEF8FF
terminal.ansiYellow#FFC30E
terminal.background#031D2D
terminal.foreground#EEF8FF
terminal.selectionBackground#3A1A38
terminal.selectionForeground#EEF8FF
terminalCursor.background#020B21
terminalCursor.foreground#DEFF00
testing.iconFailed#EB6C90
testing.iconPassed#4EF184
textBlockQuote.background#061F40
textBlockQuote.border#00DFFF
textCodeBlock.background#061F40
textLink.activeForeground#FF518B
textLink.foreground#00DFFF
titleBar.activeBackground#0A335C
titleBar.activeForeground#EEF8FF
titleBar.border#A174FF88
titleBar.inactiveBackground#020B21
titleBar.inactiveForeground#AFC2D2
toolbar.hoverBackground#00DFFF14
tree.indentGuidesStroke#44418C

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#AFC2D2	—
keyword, storage	#DEFF00	—
keyword.operator	#EEF8FF	—
string	#A174FF	—
constant.numeric, constant.language, constant.character, constant.other	#FF518B	—
entity.name.function, support.function	#00DFFF	—
entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace	#FF518B	—
variable, meta.definition.variable	#EEF8FF	—
variable.parameter	#EEF8FF	—
support.type.property-name, entity.other.attribute-name, meta.object-literal.key	#FF518B	—
punctuation	#EEF8FF	—
punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation	#00DFFF	—
constant.character.escape	#00DFFF	—
entity.name.tag	#DEFF00	—
storage.type.terraform, keyword.control.terraform, keyword.other.terraform	#DEFF00	—
variable.other.property.terraform, variable.other.readwrite.terraform	#EEF8FF	—
support.function.builtin.shell, support.function.powershell	#00DFFF	—
markup.heading, entity.name.section	#00DFFF	bold
markup.bold	#EEF8FF	bold
markup.italic	#EEF8FF	italic
markup.inline.raw, markup.fenced_code.block	#A174FF	—
markup.underline.link	#00DFFF	—
markup.inserted	#4EF184	—
markup.deleted	#EB6C90	—
invalid	#EB6C90	—
support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml	#FF518B	—
keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql	#DEFF00	—
string.regexp, constant.other.character-class.regexp	#A174FF	—