马卡龙主题 (Macaron Theme)

Name: 马卡龙主题 (Macaron Theme)
Author: haogeorge

Publisher: haogeorgeThemes in package: 2

柔和甜美的马卡龙配色代码高亮主题，含奶油浅色和可可深色两个变体

Open in VS Code

Color themes

VS Code preview

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

马卡龙主题 (Macaron Theme) — Macaron Dark

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#2E2822
activityBar.foreground#E8DCD2
activityBar.inactiveForeground#7A6F66
activityBarBadge.background#F0A3B8
activityBarBadge.foreground#3B2B28
badge.background#F0A3B8
badge.foreground#3B2B28
button.background#B86A84
button.foreground#FFFFFF
button.hoverBackground#C97A93
button.secondaryBackground#42382F
button.secondaryForeground#E8DCD2
checkbox.background#3D342C
checkbox.border#463C33
debugToolBar.background#3D342C
dropdown.background#3D342C
dropdown.border#463C33
editor.background#3A322C
editor.findMatchBackground#6E4640
editor.findMatchHighlightBackground#55443C
editor.foreground#EBDFD6
editor.lineHighlightBackground#443B34
editor.selectionBackground#4E4038
editor.selectionHighlightBackground#4E4136
editorBracketMatch.background#4A3D33
editorBracketMatch.border#F0A3B8
editorCursor.foreground#F0A3B8
editorError.foreground#E88A96
editorGutter.background#3A322C
editorHoverWidget.background#3D342C
editorIndentGuide.activeBackground1#5E5044
editorIndentGuide.background1#463C33
editorLineNumber.activeForeground#F0A3B8
editorLineNumber.foreground#6E6258
editorOverviewRuler.border#3D342C
editorSuggestWidget.background#3D342C
editorSuggestWidget.selectedBackground#46392F
editorWarning.foreground#E8B87A
editorWhitespace.foreground#4A4038
editorWidget.background#3D342C
editorWidget.border#463C33
focusBorder#C97A93
gitDecoration.addedResourceForeground#9ED0A8
gitDecoration.conflictingResourceForeground#EFA8C8
gitDecoration.deletedResourceForeground#E88A96
gitDecoration.ignoredResourceForeground#7A6F66
gitDecoration.modifiedResourceForeground#F2B98F
gitDecoration.stageModifiedResourceForeground#8FCBE0
gitDecoration.untrackedResourceForeground#9ED0A8
input.background#3D342C
input.border#463C33
input.placeholderForeground#8A7E74
list.activeSelectionBackground#46392F
list.activeSelectionForeground#FBEFE8
list.highlightForeground#F0A3B8
list.hoverBackground#3D342C
list.inactiveSelectionBackground#443B34
merge.currentHeaderBackground#5E8A66
merge.incomingHeaderBackground#5E8A9E
minimap.background#362F29
notificationCenterHeader.background#3B332C
notifications.background#3D342C
notificationsErrorIcon.foreground#E88A96
notificationsInfoIcon.foreground#8FCBE0
notificationsWarningIcon.foreground#E8B87A
panel.background#332C26
panel.border#3D342C
panelTitle.activeBorder#F0A3B8
panelTitle.activeForeground#E8DCD2
peekView.border#F0A3B8
peekViewEditor.background#362F29
peekViewResult.background#332C26
progressBar.background#F0A3B8
scrollbarSlider.background#4A403888
scrollbarSlider.hoverBackground#5A4E4288
settings.headerForeground#D8CCC2
sideBar.background#332C26
sideBarSectionHeader.background#3B332C
sideBarTitle.foreground#D8CCC2
statusBar.background#4A3A30
statusBar.debuggingBackground#6E5242
statusBar.debuggingForeground#FBEFE8
statusBar.foreground#F2E4DA
statusBar.noFolderBackground#3D342C
statusBarItem.remoteBackground#6E5242
statusBarItem.remoteForeground#FBEFE8
tab.activeBackground#42382F
tab.activeBorderTop#F0A3B8
tab.activeForeground#F2E8E0
tab.border#2E2822
tab.inactiveBackground#332C26
tab.inactiveForeground#9A8D82
terminal.ansiBlack#3D342C
terminal.ansiBlue#8FCBE0
terminal.ansiCyan#A8D8E0
terminal.ansiGreen#9ED0A8
terminal.ansiMagenta#EFA8C8
terminal.ansiRed#E88A96
terminal.ansiWhite#D8CCC2
terminal.ansiYellow#F2B98F
terminal.background#362F29
terminal.foreground#EBDFD6
titleBar.activeBackground#332C26
titleBar.activeForeground#D8CCC2
titleBar.inactiveBackground#2E2822
walkThrough.embeddedEditorBackground#332C26
welcomePage.background#362F29

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#9A8D84	italic
string, string.quoted.double, string.quoted.single	#9ED0A8	—
string.template, string.interpolated	#A8D6B2	—
string.regexp	#DFA3CB	—
constant.numeric	#F2B98F	—
constant.language	#EFA8C8	—
constant.character.escape	#EFA8C8	—
keyword, keyword.control	#F0A3B8	—
keyword.operator	#C4AE9F	—
keyword.other.unit	#F2B98F	—
storage, storage.type	#CBA9E8	—
storage.modifier	#F0A3B8	—
entity.name.function, support.function, meta.function-call.generic, meta.function-call.method	#C0B4F5	—
entity.name.type, entity.name.class, support.type, support.class	#8FCBE0	—
entity.name.tag	#F0A3B8	—
entity.other.attribute-name	#E8B87A	—
variable, variable.other	#EBDFD6	—
variable.parameter	#D4B596	—
variable.other.property, meta.property-name	#D8C7B8	—
variable.other.constant	#EFA8C8	—
punctuation.separator, punctuation.terminator, punctuation.definition	#B3A79C	—
meta.brace	#A89A8C	—
invalid	#E88A96	—
markup.heading	#C0B4F5	bold
markup.bold	—	bold
markup.italic	—	italic
markup.underline.link	#8FCBE0	—
markup.inserted	#9ED0A8	—
markup.deleted	#E88A96	—