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 — Light Garbage Oracle Theme

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#f2e2f1
activityBar.border#f2e2f1
activityBar.dropBackground#e3c2db
activityBar.foreground#a64184
activityBarBadge.background#5d5255
activityBarBadge.foreground#f2e2f1
badge.background#5d5255
badge.foreground#f2e2f1
button.background#684f54
button.foreground#f2e2f1
button.hoverBackground#3f59b7
debugExceptionWidget.background#e3c2db
debugExceptionWidget.border#e3c2db
debugToolBar.background#e3c2db
diffEditor.insertedTextBackground#37695420
diffEditor.removedTextBackground#a4303f20
dropdown.background#e3c2db
dropdown.border#e3c2db
dropdown.foreground#96206e
editor.background#f2e2f1
editor.findMatchBackground#734d907f
editor.findMatchHighlightBackground#734d903f
editor.findRangeHighlightBackground#e3c2db
editor.foreground#870058
editor.hoverHighlightBackground#d3a1c5
editor.inactiveSelectionBackground#684f5433
editor.lineHighlightBackground#f2e2f1
editor.lineHighlightBorder#e3c2db
editor.rangeHighlightBackground#e3c2db
editor.selectionBackground#684f5433
editor.selectionHighlightBackground#e3c2db
editor.wordHighlightBackground#5d52557f
editor.wordHighlightStrongBackground#7b3e197f
editorBracketMatch.background#e3c2db
editorBracketMatch.border#e3c2db
editorCodeLens.foreground#a64184
editorCursor.foreground#5d5255
editorError.border#870058
editorError.foreground#a4303f
editorGroup.border#e3c2db
editorGroup.dropBackground#d3a1c57f
editorGroup.emptyBackground#f2e2f1
editorGroup.focusedEmptyBorder#e3c2db
editorGroupHeader.noTabsBackground#f2e2f1
editorGroupHeader.tabsBackground#f2e2f1
editorGroupHeader.tabsBorder#f2e2f1
editorGutter.addedBackground#376954
editorGutter.background#f2e2f1
editorGutter.deletedBackground#a4303f
editorGutter.modifiedBackground#734d90
editorHoverWidget.background#e3c2db
editorHoverWidget.border#e3c2db
editorIndentGuide.activeBackground#d3a1c5
editorIndentGuide.background#e3c2db
editorLineNumber.foreground#d3a1c5
editorLink.activeForeground#3f59b7
editorMarkerNavigation.background#e3c2db
editorMarkerNavigationError.background#a4303f
editorMarkerNavigationWarning.background#2b5b75
editorOverviewRuler.addedForeground#3769547f
editorOverviewRuler.border#e3c2db
editorOverviewRuler.currentContentForeground#3f59b7
editorOverviewRuler.deletedForeground#a4303f7f
editorOverviewRuler.errorForeground#a4303f7f
editorOverviewRuler.findMatchForeground#734d90bf
editorOverviewRuler.incomingContentForeground#684f54
editorOverviewRuler.infoForeground#684f547f
editorOverviewRuler.modifiedForeground#734d907f
editorOverviewRuler.rangeHighlightForeground#d3a1c5bf
editorOverviewRuler.selectionHighlightForeground#e3c2dbbf
editorOverviewRuler.warningForeground#2b5b757f
editorOverviewRuler.wordHighlightForeground#d3a1c5bf
editorOverviewRuler.wordHighlightStrongForeground#c481afbf
editorPane.background#f2e2f1
editorRuler.foreground#e3c2db
editorSuggestWidget.background#e3c2db
editorSuggestWidget.border#e3c2db
editorSuggestWidget.foreground#96206e
editorSuggestWidget.highlightForeground#7b3e19
editorSuggestWidget.selectedBackground#d3a1c5
editorWarning.border#96206e
editorWarning.foreground#2b5b75
editorWhitespace.foreground#e3c2db
editorWidget.background#e3c2db
editorWidget.border#e3c2db
errorForeground#a4303f
extensionButton.prominentBackground#684f54
extensionButton.prominentForeground#f2e2f1
extensionButton.prominentHoverBackground#3f59b7
focusBorder#5d5255
foreground#870058
gitDecoration.conflictingResourceForeground#3f59b7
gitDecoration.deletedResourceForeground#a4303f
gitDecoration.ignoredResourceForeground#c481af
gitDecoration.modifiedResourceForeground#734d90
gitDecoration.untrackedResourceForeground#5d5255
input.background#e3c2db
input.border#e3c2db
input.foreground#96206e
input.placeholderForeground#d3a1c5
inputOption.activeBorder#3f59b7
inputValidation.errorBackground#e3c2db
inputValidation.errorBorder#a4303f
inputValidation.infoBackground#e3c2db
inputValidation.infoBorder#684f54
inputValidation.warningBackground#e3c2db
inputValidation.warningBorder#2b5b75
list.activeSelectionBackground#3769547f
list.activeSelectionForeground#f2e2f1
list.dropBackground#c481af
list.focusBackground#c481af
list.focusForeground#f2e2f1
list.highlightForeground#734d90
list.hoverBackground#e3c2db
list.hoverForeground#a64184
list.inactiveSelectionBackground#e3c2db
list.inactiveSelectionForeground#870058
merge.border#b5619a
merge.currentContentBackground#3f59b77f
merge.currentHeaderBackground#3f59b7
merge.incomingContentBackground#684f547f
merge.incomingHeaderBackground#684f54
notification.background#e3c2db
notification.buttonBackground#684f54
notification.buttonForeground#f2e2f1
notification.buttonHoverBackground#3f59b7
notification.errorBackground#a4303f
notification.errorForeground#f2e2f1
notification.foreground#870058
notification.infoBackground#684f54
notification.infoForeground#f2e2f1
notification.warningBackground#2b5b75
notification.warningForeground#f2e2f1
panel.background#f2e2f1
panel.border#e3c2db
panelTitle.activeBorder#c481af
panelTitle.activeForeground#96206e
panelTitle.inactiveForeground#b5619a
peekView.border#7b3e19
peekViewEditor.background#e3c2db
peekViewEditor.matchHighlightBackground#734d90
peekViewEditorGutter.background#e3c2db
peekViewResult.background#e3c2db
peekViewResult.fileForeground#96206e
peekViewResult.lineForeground#d3a1c5
peekViewResult.matchHighlightBackground#734d90
peekViewResult.selectionBackground#c481af
peekViewResult.selectionForeground#870058
peekViewTitle.background#d3a1c5
peekViewTitleDescription.foreground#a64184
peekViewTitleLabel.foreground#870058
pickerGroup.border#a64184
pickerGroup.foreground#870058
progressBar.background#376954
scrollbar.shadow#87005866
scrollbarSlider.activeBackground#a641847f
scrollbarSlider.background#c481af7f
scrollbarSlider.hoverBackground#b5619a7f
selection.background#d3a1c5
sideBar.background#f2e2f1
sideBar.border#e3c2db
sideBar.foreground#96206e
sideBarSectionHeader.background#d3a1c5
sideBarSectionHeader.foreground#96206e
sideBarTitle.foreground#a64184
statusBar.background#684f54
statusBar.border#684f547f
statusBar.debuggingBackground#2b5b75
statusBar.debuggingBorder#2b5b757f
statusBar.debuggingForeground#f2e2f1
statusBar.foreground#f2e2f1
statusBar.noFolderBackground#5d5255
statusBar.noFolderBorder#5d52557f
statusBar.noFolderForeground#f2e2f1
statusBarItem.activeBackground#3f59b7
statusBarItem.hoverBackground#376954
statusBarItem.prominentBackground#3f59b7
statusBarItem.prominentHoverBackground#376954
tab.activeBackground#e3c2db
tab.activeForeground#a64184
tab.border#f2e2f1
tab.inactiveBackground#f2e2f1
tab.inactiveForeground#b5619a
tab.unfocusedActiveForeground#c481af
tab.unfocusedInactiveForeground#d3a1c5
terminal.ansiBlack#f2e2f1
terminal.ansiBlue#684f54
terminal.ansiBrightBlack#e3c2db
terminal.ansiBrightBlue#684f54
terminal.ansiBrightCyan#3f59b7
terminal.ansiBrightGreen#3f59b7
terminal.ansiBrightMagenta#7b3e19
terminal.ansiBrightRed#2b5b75
terminal.ansiBrightWhite#870058
terminal.ansiBrightYellow#734d90
terminal.ansiCyan#3f59b7
terminal.ansiGreen#376954
terminal.ansiMagenta#7b3e19
terminal.ansiRed#a4303f
terminal.ansiWhite#96206e
terminal.ansiYellow#734d90
terminal.background#f2e2f1
terminal.foreground#96206e
terminal.selectionBackground#684f547f
terminalCursor.background#e3c2db
terminalCursor.foreground#a64184
titleBar.activeBackground#f2e2f1
titleBar.activeForeground#a64184
titleBar.inactiveBackground#f2e2f1
titleBar.inactiveForeground#c481af
walkThrough.embeddedEditorBackground#f2e2f1
welcomePage.buttonBackground#e3c2db
welcomePage.buttonHoverBackground#d3a1c5
widget.shadow#87005866

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#96206e	—
comment	#c481af	—
constant	#7b3e19	—
entity	#3f59b7	—
invalid	#e3c2db	—
keyword	#5d5255	—
storage	#7b3e19	—
string	#376954	—
support	#3f59b7	—
variable	#870058	—
markup.heading	#3f59b7	—
markup.deleted	#a4303f	—
markup.inserted	#376954	—
markup.changed	#734d90	—
markup.underline	—	underline
markup.underline.link	#684f54	—
markup.list	#870058	—
markup.raw	#7b3e19	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

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}!`;
}