Moonpath

Name: Moonpath
Author: ridamu

Publisher: ridamuThemes in package: 1

My guiding moonlight...

GitHub

VS Code preview

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

Moonpath — Moonpath

fetchUser.ts

index.ts

README.md

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#1d0e11
activityBar.dropBackground#362c34
activityBar.foreground#DBE7DF
activityBarBadge.background#278493
activityBarBadge.foreground#DBE7DF
badge.background#278493
badge.foreground#DBE7DF
breadcrumb.activeSelectionForeground#F0BE8E
breadcrumb.focusForeground#DBE7DF
breadcrumb.foreground#bfbfbf
breadcrumbPicker.background#483b59
button.background#278493
button.foreground#DBE7DF
button.hoverBackground#59BAB7
debugExceptionWidget.background#483b59
debugToolBar.background#241820
diffEditor.insertedTextBackground#59BAB7
diffEditor.removedTextBackground#e25c50
dropdown.background#131416
dropdown.foreground#DBE7DF
editor.background#241820
editor.findMatchBackground#59BAB7
editor.findMatchHighlightBackground#278493
editor.foreground#DBE7DF
editor.hoverHighlightBackground#483b59
editor.inactiveSelectionBackground#483b59
editor.lineHighlightBackground#2D1E28
editor.rangeHighlightBackground#432d44
editor.selectionBackground#59BAB7
editor.selectionHighlightBackground#483b59
editor.wordHighlightBackground#483b59
editor.wordHighlightStrongBackground#483b59
editorCodeLens.foreground#1d0e11
editorCursor.background#59BAB7
editorCursor.foreground#59BAB7
editorError.foreground#edac74
editorGroup.dropBackground#362c34
editorGroupHeader.noTabsBackground#1d0e11
editorGroupHeader.tabsBackground#1d0e11
editorGutter.addedBackground#59BAB7
editorGutter.background#241820
editorGutter.deletedBackground#ba4653
editorGutter.modifiedBackground#e25c50
editorHoverWidget.background#483b59
editorHoverWidget.border#432d44
editorIndentGuide.background#432d44
editorLineNumber.activeForeground#DBE7DF
editorLineNumber.foreground#483b59
editorMarkerNavigation.background#483b59
editorMarkerNavigationError.background#e25c50
editorMarkerNavigationWarning.background#ba4653
editorOverviewRuler.commonContentForeground#e25c50
editorOverviewRuler.currentContentForeground#432d44
editorOverviewRuler.incomingContentForeground#59BAB7
editorSuggestWidget.background#483b59
editorSuggestWidget.border#432d44
editorSuggestWidget.foreground#DBE7DF
editorSuggestWidget.highlightForeground#F0BE8E
editorSuggestWidget.selectedBackground#432d44
editorWarning.foreground#de94ad
editorWhitespace.foreground#2D1E28
editorWidget.background#483b59
errorForeground#DE5D83
extensionButton.prominentBackground#278493
extensionButton.prominentForeground#DBE7DF
extensionButton.prominentHoverBackground#59BAB7
foreground#DBE7DF
gitDecoration.conflictingResourceForeground#59BAB7
gitDecoration.deletedResourceForeground#ba4653
gitDecoration.ignoredResourceForeground#483b59
gitDecoration.modifiedResourceForeground#e25c50
gitDecoration.untrackedResourceForeground#de94ad
icon.foreground#F0BE8E
input.background#432d44
input.foreground#DBE7DF
input.placeholderForeground#483b59
inputOption.activeBorder#edac74
inputValidation.errorBackground#e25c50
inputValidation.errorBorder#e25c50
inputValidation.infoBackground#de94ad
inputValidation.infoBorder#de94ad
inputValidation.warningBackground#ba4653
inputValidation.warningBorder#ba4653
list.activeSelectionBackground#ba4653
list.activeSelectionForeground#DBE7DF
list.dropBackground#362c34
list.focusBackground#88566A
list.focusForeground#DBE7DF
list.highlightForeground#59BAB7
list.hoverBackground#D6746D
list.hoverForeground#DBE7DF
list.inactiveSelectionBackground#483b59
list.inactiveSelectionForeground#DBE7DF
menu.background#1c1014
menu.foreground#DBE7DF
merge.currentHeaderBackground#483b59
merge.incomingHeaderBackground#483b59
minimap.errorHighlight#ba4653
minimap.findMatchHighlight#59BAB7
minimap.selectionHighlight#59BAB7
notificationLink.foreground#59BAB7
notifications.background#241820
notifications.foreground#DBE7DF
panel.background#241820
panelTitle.activeForeground#DBE7DF
panelTitle.inactiveForeground#bfbfbf
peekViewEditor.background#241820
peekViewEditor.matchHighlightBackground#59BAB7
peekViewResult.background#241820
peekViewResult.fileForeground#DBE7DF
peekViewResult.lineForeground#DBE7DF
peekViewResult.matchHighlightBackground#59BAB7
peekViewResult.selectionBackground#925b83
peekViewResult.selectionForeground#DBE7DF
peekViewTitle.background#D6746D
peekViewTitleDescription.foreground#DBE7DF
peekViewTitleLabel.foreground#DBE7DF
pickerGroup.foreground#DBE7DF
scrollbar.shadow#0c0d0f
scrollbarSlider.activeBackground#59BAB7
scrollbarSlider.background#278493
scrollbarSlider.hoverBackground#59BAB7
selection.background#131416
sideBar.background#241820
sideBar.foreground#DBE7DF
sideBarSectionHeader.background#432d44
sideBarSectionHeader.foreground#DBE7DF
sideBarTitle.foreground#DBE7DF
statusBar.background#278493
statusBar.debuggingBackground#D6746D
statusBar.debuggingForeground#DBE7DF
statusBar.foreground#DBE7DF
statusBar.noFolderBackground#483b59
statusBar.noFolderForeground#DBE7DF
statusBarItem.activeBackground#278493
statusBarItem.hoverBackground#278493
statusBarItem.prominentBackground#278493
statusBarItem.prominentHoverBackground#278493
tab.activeBackground#241820
tab.activeForeground#DBE7DF
tab.inactiveBackground#1c1014
tab.inactiveForeground#bfbfbf
tab.unfocusedActiveBorder#362c34
terminal.ansiBlack#1d0e11
terminal.ansiBlue#278493
terminal.ansiBrightBlack#1d0e11
terminal.ansiBrightBlue#278493
terminal.ansiBrightCyan#59BAB7
terminal.ansiBrightGreen#e25c50
terminal.ansiBrightMagenta#483b59
terminal.ansiBrightRed#D6746D
terminal.ansiBrightWhite#DBE7DF
terminal.ansiBrightYellow#F0BE8E
terminal.ansiCyan#59BAB7
terminal.ansiGreen#e25c50
terminal.ansiMagenta#483b59
terminal.ansiRed#D6746D
terminal.ansiWhite#DBE7DF
terminal.ansiYellow#F0BE8E
titleBar.activeBackground#1d0e11
titleBar.activeForeground#DBE7DF
walkThrough.embeddedEditorBackground#241820

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#DBE7DF	—
comment	#F0A58E	—
string	#F0BE8E	—
constant.numeric	#88566A	—
constant.language	#88566A	—
constant.character, constant.other	#88566A	—
variable	—
keyword	#D6746D	—
storage	#D6746D	—
storage.type	#59BAB7	italic
entity.name.class	#D66D94	underline
entity.other.inherited-class	#D66D94	italic underline
entity.name.function	#D66D94
variable.parameter	#D68E6D	italic
entity.name.tag	#D66D94
entity.other.attribute-name	#F0BE8E
support.function	#59BAB7
support.constant	#59BAB7
support.type, support.class	#59BAB7	italic
support.other.variable	—
invalid	#F8F8F0
invalid.deprecated	#F8F8F0	—

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