MungMingTheme

Name: MungMingTheme
Author: ggolfz

Publisher: ggolfzThemes in package: 1

MungMingTheme - Pastel Visual Studio Code Theme

GitHub

VS Code preview

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

MungMingTheme — MungMingTheme

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.activeBackground#BDB2FF
activityBar.activeBorder#735D78
activityBar.activeFocusBorder#FFFFFF
activityBar.background#FAD2E1
activityBar.border#FF5C8A
activityBar.foreground#000000
activityBar.inactiveForeground#414141
activityBarBadge.background#FF5C8A
activityBarBadge.foreground#000000
badge.background#FF5C8A
badge.foreground#000000
breadcrumb.activeSelectionForeground#BDB2FF
breadcrumb.background#735D78
breadcrumb.focusForeground#BDB2FF
breadcrumb.foreground#FFFFFF
breadcrumbPicker.background#735D78
button.background#BDB2FF
button.foreground#000000
button.hoverBackground#BDB2FF
descriptionForeground#735d78
dropdown.background#735D78
dropdown.listBackground#FF5C8A
editor.background#F9E9EC
editor.findMatchBackground#CEDDFF
editor.findMatchHighlightBackground#ACC5FD
editor.findRangeHighlightBackground#ACC5FD
editor.foreground#735D78
editor.inactiveSelectionBackground#ACC5FD
editor.lineHighlightBackground#FAD2E1
editor.lineHighlightBorder#FAD2E1
editor.selectionBackground#B8C0FF
editor.selectionForeground#735D78
editor.selectionHighlightBackground#CEDDFF
editor.wordHighlightBackground#CEDDFF
editor.wordHighlightStrongBackground#ACC5FD
editorBracketMatch.background#FAD2E1
editorBracketMatch.border#735D78
editorCodeLens.foreground#735D78
editorCursor.foreground#BDB2FF
editorGroupHeader.border#F9E9EC
editorGroupHeader.noTabsBackground#F9E9EC
editorGroupHeader.tabsBackground#F9E9EC
editorGroupHeader.tabsBorder#F9E9EC
editorHoverWidget.foreground#735d78
editorLineNumber.activeForeground#FF5C8A
editorLineNumber.foreground#735D78
editorSuggestWidget.background#FAD2E1
editorSuggestWidget.border#FAD2E1
editorSuggestWidget.foreground#735D78
editorSuggestWidget.highlightForeground#FFFFFF
editorSuggestWidget.selectedBackground#ffffff
editorWidget.background#F9E9EC
editorWidget.border#FF5C8A
editorWidget.foreground#000000
foreground#000000
icon.foreground#FFFFFF
input.background#F4F5F7
input.border#735D78
input.foreground#735D78
input.placeholderForeground#735D78
inputOption.activeBackground#735D78
inputOption.activeBorder#735D78
inputOption.activeForeground#735D78
list.activeSelectionBackground#FEEAFA
list.activeSelectionForeground#735D78
list.focusBackground#FEEAFA
list.focusForeground#735D78
list.highlightForeground#FF5C8A
list.hoverBackground#FEEAFA
list.hoverForeground#735D78
list.inactiveFocusBackground#FEEAFA
list.inactiveSelectionBackground#FEEAFA
list.inactiveSelectionForeground#735D78
minimap.background#F9E9EC
minimap.errorHighlight#FF686B
minimap.selectionHighlight#BDB2FF
minimap.warningHighlight#FFC857
notifications.foreground#ffffff
notificationsInfoIcon.foreground#FF5C8A
panel.background#F9E9EC
panelTitle.activeForeground#735D78
quickInput.foreground#FFFFFF
selection.background#FAD2E1
settings.headerForeground#000000
sideBar.background#FAD2E1
sideBar.border#FF5C8A
sideBar.foreground#735D78
sideBarSectionHeader.background#735D78
sideBarSectionHeader.border#735D78
sideBarSectionHeader.foreground#FFFFFF
sideBarTitle.foreground#000000
statusBar.background#735D78
statusBar.debuggingBackground#735D78
statusBar.noFolderBackground#735D78
statusBarItem.activeBackground#735D78
tab.activeBackground#735D78
tab.activeBorder#735D78
tab.activeBorderTop#735D78
tab.activeForeground#FFFFFF
tab.activeModifiedBorder#F9E9EC
tab.border#F9E9EC
tab.hoverBackground#735D78
tab.hoverBorder#735D78
tab.hoverForeground#FFFFFF
tab.inactiveBackground#F9E9EC
tab.inactiveForeground#735D78
terminal.background#F9E9EC
terminal.foreground#735D78
terminal.selectionBackground#FF5C8A
terminalCursor.background#735D78
terminalCursor.foreground#735D78
textLink.activeForeground#FF5C8A
textLink.foreground#FF5C8A
welcomePage.buttonBackground#FAD2E1
welcomePage.buttonHoverBackground#BDB2FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#a4a4a4	italic
keyword, storage.type	#FFA3A5	—
keyword.control	#b432ff	—
support.class, entity.name.class, entity.name.type, meta.type	#42bb99	—
support.function, entity.name.function, entity.name.method	#3b96e0	—
string, markup.inline.raw, markup.quote	#92af5c	—
constant.numeric	#1ba9b6	—
punctuation.terminator, punctuation.definition.tag	#ff8400	—
support.type.property-name, entity.other.attribute-name	#b99cfe	—
entity.name.tag	#ff5e5e	—
markup.heading	#b99cfe	bold
punctuation.definition.list.begin.markdown	#ff8400	—

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