garbage-oracle

Name: garbage-oracle
Author: sansbrina

Publisher: sansbrinaThemes in package: 2

A theme based off of the Goddess Mode comicbook series

Open in VS Code GitHub

Color themes

VS Code preview

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

garbage-oracle — Dark Garbage Oracle Theme

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#371d32
activityBar.border#371d32
activityBar.dropBackground#52394d
activityBar.foreground#bdaaba
activityBarBadge.background#eff2c0
activityBarBadge.foreground#371d32
badge.background#eff2c0
badge.foreground#371d32
button.background#19d3db
button.foreground#371d32
button.hoverBackground#b0c0bc
debugExceptionWidget.background#52394d
debugExceptionWidget.border#52394d
debugToolBar.background#52394d
diffEditor.insertedTextBackground#c1edcc20
diffEditor.removedTextBackground#fb949520
dropdown.background#52394d
dropdown.border#52394d
dropdown.foreground#d7c6d6
editor.background#371d32
editor.findMatchBackground#a9cdd67f
editor.findMatchHighlightBackground#a9cdd63f
editor.findRangeHighlightBackground#52394d
editor.foreground#f2e2f1
editor.hoverHighlightBackground#6c5569
editor.inactiveSelectionBackground#19d3db33
editor.lineHighlightBackground#371d32
editor.lineHighlightBorder#52394d
editor.rangeHighlightBackground#52394d
editor.selectionBackground#19d3db33
editor.selectionHighlightBackground#52394d
editor.wordHighlightBackground#eff2c07f
editor.wordHighlightStrongBackground#aafdb07f
editorBracketMatch.background#52394d
editorBracketMatch.border#52394d
editorCodeLens.foreground#bdaaba
editorCursor.foreground#eff2c0
editorError.border#f2e2f1
editorError.foreground#fb9495
editorGroup.border#52394d
editorGroup.dropBackground#6c55697f
editorGroup.emptyBackground#371d32
editorGroup.focusedEmptyBorder#52394d
editorGroupHeader.noTabsBackground#371d32
editorGroupHeader.tabsBackground#371d32
editorGroupHeader.tabsBorder#371d32
editorGutter.addedBackground#c1edcc
editorGutter.background#371d32
editorGutter.deletedBackground#fb9495
editorGutter.modifiedBackground#a9cdd6
editorHoverWidget.background#52394d
editorHoverWidget.border#52394d
editorIndentGuide.activeBackground#6c5569
editorIndentGuide.background#52394d
editorLineNumber.foreground#6c5569
editorLink.activeForeground#b0c0bc
editorMarkerNavigation.background#52394d
editorMarkerNavigationError.background#fb9495
editorMarkerNavigationWarning.background#bbbcf0
editorOverviewRuler.addedForeground#c1edcc7f
editorOverviewRuler.border#52394d
editorOverviewRuler.currentContentForeground#b0c0bc
editorOverviewRuler.deletedForeground#fb94957f
editorOverviewRuler.errorForeground#fb94957f
editorOverviewRuler.findMatchForeground#a9cdd6bf
editorOverviewRuler.incomingContentForeground#19d3db
editorOverviewRuler.infoForeground#19d3db7f
editorOverviewRuler.modifiedForeground#a9cdd67f
editorOverviewRuler.rangeHighlightForeground#6c5569bf
editorOverviewRuler.selectionHighlightForeground#52394dbf
editorOverviewRuler.warningForeground#bbbcf07f
editorOverviewRuler.wordHighlightForeground#6c5569bf
editorOverviewRuler.wordHighlightStrongForeground#877184bf
editorPane.background#371d32
editorRuler.foreground#52394d
editorSuggestWidget.background#52394d
editorSuggestWidget.border#52394d
editorSuggestWidget.foreground#d7c6d6
editorSuggestWidget.highlightForeground#aafdb0
editorSuggestWidget.selectedBackground#6c5569
editorWarning.border#d7c6d6
editorWarning.foreground#bbbcf0
editorWhitespace.foreground#52394d
editorWidget.background#52394d
editorWidget.border#52394d
errorForeground#fb9495
extensionButton.prominentBackground#19d3db
extensionButton.prominentForeground#371d32
extensionButton.prominentHoverBackground#b0c0bc
focusBorder#eff2c0
foreground#f2e2f1
gitDecoration.conflictingResourceForeground#b0c0bc
gitDecoration.deletedResourceForeground#fb9495
gitDecoration.ignoredResourceForeground#877184
gitDecoration.modifiedResourceForeground#a9cdd6
gitDecoration.untrackedResourceForeground#eff2c0
input.background#52394d
input.border#52394d
input.foreground#d7c6d6
input.placeholderForeground#6c5569
inputOption.activeBorder#b0c0bc
inputValidation.errorBackground#52394d
inputValidation.errorBorder#fb9495
inputValidation.infoBackground#52394d
inputValidation.infoBorder#19d3db
inputValidation.warningBackground#52394d
inputValidation.warningBorder#bbbcf0
list.activeSelectionBackground#c1edcc7f
list.activeSelectionForeground#371d32
list.dropBackground#877184
list.focusBackground#877184
list.focusForeground#371d32
list.highlightForeground#a9cdd6
list.hoverBackground#52394d
list.hoverForeground#bdaaba
list.inactiveSelectionBackground#52394d
list.inactiveSelectionForeground#f2e2f1
merge.border#a28e9f
merge.currentContentBackground#b0c0bc7f
merge.currentHeaderBackground#b0c0bc
merge.incomingContentBackground#19d3db7f
merge.incomingHeaderBackground#19d3db
notification.background#52394d
notification.buttonBackground#19d3db
notification.buttonForeground#371d32
notification.buttonHoverBackground#b0c0bc
notification.errorBackground#fb9495
notification.errorForeground#371d32
notification.foreground#f2e2f1
notification.infoBackground#19d3db
notification.infoForeground#371d32
notification.warningBackground#bbbcf0
notification.warningForeground#371d32
panel.background#371d32
panel.border#52394d
panelTitle.activeBorder#877184
panelTitle.activeForeground#d7c6d6
panelTitle.inactiveForeground#a28e9f
peekView.border#aafdb0
peekViewEditor.background#52394d
peekViewEditor.matchHighlightBackground#a9cdd6
peekViewEditorGutter.background#52394d
peekViewResult.background#52394d
peekViewResult.fileForeground#d7c6d6
peekViewResult.lineForeground#6c5569
peekViewResult.matchHighlightBackground#a9cdd6
peekViewResult.selectionBackground#877184
peekViewResult.selectionForeground#f2e2f1
peekViewTitle.background#6c5569
peekViewTitleDescription.foreground#bdaaba
peekViewTitleLabel.foreground#f2e2f1
pickerGroup.border#bdaaba
pickerGroup.foreground#f2e2f1
progressBar.background#c1edcc
scrollbar.shadow#371d32
scrollbarSlider.activeBackground#bdaaba7f
scrollbarSlider.background#8771847f
scrollbarSlider.hoverBackground#a28e9f7f
selection.background#6c5569
sideBar.background#371d32
sideBar.border#52394d
sideBar.foreground#d7c6d6
sideBarSectionHeader.background#6c5569
sideBarSectionHeader.foreground#d7c6d6
sideBarTitle.foreground#bdaaba
statusBar.background#a9cdd6
statusBar.border#19d3db7f
statusBar.debuggingBackground#bbbcf0
statusBar.debuggingBorder#bbbcf07f
statusBar.debuggingForeground#371d32
statusBar.foreground#371d32
statusBar.noFolderBackground#eff2c0
statusBar.noFolderBorder#eff2c07f
statusBar.noFolderForeground#371d32
statusBarItem.activeBackground#b0c0bc
statusBarItem.hoverBackground#c1edcc
statusBarItem.prominentBackground#b0c0bc
statusBarItem.prominentHoverBackground#c1edcc
tab.activeBackground#52394d
tab.activeForeground#bdaaba
tab.border#371d32
tab.inactiveBackground#371d32
tab.inactiveForeground#a28e9f
tab.unfocusedActiveForeground#877184
tab.unfocusedInactiveForeground#6c5569
terminal.ansiBlack#371d32
terminal.ansiBlue#19d3db
terminal.ansiBrightBlack#52394d
terminal.ansiBrightBlue#19d3db
terminal.ansiBrightCyan#b0c0bc
terminal.ansiBrightGreen#b0c0bc
terminal.ansiBrightMagenta#aafdb0
terminal.ansiBrightRed#bbbcf0
terminal.ansiBrightWhite#f2e2f1
terminal.ansiBrightYellow#a9cdd6
terminal.ansiCyan#b0c0bc
terminal.ansiGreen#c1edcc
terminal.ansiMagenta#aafdb0
terminal.ansiRed#fb9495
terminal.ansiWhite#d7c6d6
terminal.ansiYellow#a9cdd6
terminal.background#371d32
terminal.foreground#d7c6d6
terminal.selectionBackground#19d3db7f
terminalCursor.background#52394d
terminalCursor.foreground#bdaaba
titleBar.activeBackground#371d32
titleBar.activeForeground#bdaaba
titleBar.inactiveBackground#371d32
titleBar.inactiveForeground#877184
walkThrough.embeddedEditorBackground#371d32
welcomePage.buttonBackground#52394d
welcomePage.buttonHoverBackground#6c5569
widget.shadow#371d32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#d7c6d6	—
comment	#877184	—
constant	#aafdb0	—
entity	#b0c0bc	—
invalid	#52394d	—
keyword	#eff2c0	—
storage	#aafdb0	—
string	#c1edcc	—
support	#b0c0bc	—
variable	#f2e2f1	—
markup.heading	#b0c0bc	—
markup.deleted	#fb9495	—
markup.inserted	#c1edcc	—
markup.changed	#a9cdd6	—
markup.underline	—	underline
markup.underline.link	#19d3db	—
markup.list	#f2e2f1	—
markup.raw	#aafdb0	—