Herzha Theme

Name: Herzha Theme
Author: madhanmaaz

Publisher: madhanmaazThemes in package: 17

Herzha themes for vscode.

Open in VS Code GitHub

Color themes

VS Code preview

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

Herzha Theme — Herzha Arcade

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.activeBorder#00F0FF
activityBar.background#030208
activityBar.border#100e23
activityBar.foreground#F5F4FF
activityBar.inactiveForeground#AAA7C5
activityBarBadge.background#00F0FF
activityBarBadge.foreground#003033
badge.background#00F0FF
badge.foreground#003033
button.background#00F0FF
button.border#00000000
button.foreground#003033
button.hoverBackground#5CFAFF
button.secondaryBackground#181525
button.secondaryForeground#c7c2dd
button.secondaryHoverBackground#29233E
button.separator#F5F4FF
descriptionForeground#AAA7C5
diffEditor.insertedTextBackground#00ff8526
diffEditor.removedTextBackground#ff245f26
disabledForeground#f5f4ff66
dropdown.background#030208
dropdown.border#100e23
dropdown.foreground#F5F4FF
dropdown.listBackground#06050D
editor.background#06050D
editor.findMatchBackground#806800
editor.findMatchHighlightBackground#3b5900
editor.foreground#F5F4FF
editor.inactiveSelectionBackground#05404a
editor.lineHighlightBackground#313133
editor.lineHighlightBorder#00000000
editor.selectionBackground#005459
editor.selectionHighlightBackground#045762
editor.stackFrameHighlightBackground#403400
editor.wordHighlightBackground#00000000
editor.wordHighlightStrongBackground#00000000
editorBracketHighlight.foreground1#b8f3ff
editorBracketHighlight.foreground2#b8f3ff
editorBracketHighlight.foreground3#b8f3ff
editorBracketHighlight.foreground4#b8f3ff
editorBracketHighlight.foreground5#b8f3ff
editorBracketHighlight.foreground6#b8f3ff
editorBracketMatch.background#045762
editorBracketMatch.border#02aab6
editorCursor.foreground#00F0FF
editorError.border#00000000
editorError.foreground#FF245F
editorGroup.border#100e23
editorGroup.dropBackground#00f0ff33
editorGroupHeader.border#1a1639
editorGroupHeader.noTabsBackground#030208
editorGroupHeader.tabsBackground#030208
editorGroupHeader.tabsBorder#00000000
editorGutter.addedBackground#00FF85
editorGutter.deletedBackground#FF245F
editorGutter.modifiedBackground#FFD000
editorHoverWidget.background#030208
editorHoverWidget.border#100e23
editorIndentGuide.activeBackground#7f7f85
editorIndentGuide.background#3d3d40
editorInlayHint.background#030208
editorInlayHint.foreground#F5F4FF
editorLineNumber.activeForeground#F5F4FF
editorLineNumber.foreground#7b7a80
editorLink.activeForeground#00F0FF
editorSuggestWidget.background#030208
editorSuggestWidget.border#100e23
editorSuggestWidget.foreground#F5F4FF
editorSuggestWidget.highlightForeground#00F0FF
editorSuggestWidget.selectedBackground#005459
editorWarning.border#00000000
editorWarning.foreground#FFD000
editorWhitespace.foreground#f5f4ff66
editorWidget.background#030208
editorWidget.border#100e23
errorForeground#FF245F
focusBorder#00F0FF
foreground#F5F4FF
gitDecoration.conflictingResourceForeground#FF6688
gitDecoration.deletedResourceForeground#FF245F
gitDecoration.ignoredResourceForeground#AAA7C5
gitDecoration.modifiedResourceForeground#FFD000
gitDecoration.submoduleResourceForeground#A8FF00
gitDecoration.untrackedResourceForeground#FF6DC5
icon.foreground#F5F4FF
input.background#06050D
input.border#100e23
input.foreground#F5F4FF
input.placeholderForeground#f5f4ffb3
inputOption.activeBackground#f5f4ff21
inputOption.activeBorder#00F0FF
inputOption.activeForeground#F5F4FF
inputOption.hoverBackground#f5f4ff1a
inputValidation.errorBackground#ff245f40
inputValidation.errorBorder#FF245F
inputValidation.infoBackground#00c8ff40
inputValidation.infoBorder#00C8FF
inputValidation.warningBackground#ffd00040
inputValidation.warningBorder#FFD000
keybindingLabel.background#030208
keybindingLabel.border#181525
keybindingLabel.bottomBorder#29233E
keybindingLabel.foreground#AAA7C5
list.activeSelectionBackground#f5f4ff21
list.activeSelectionForeground#F5F4FF
list.activeSelectionIconForeground#F5F4FF
list.dropBackground#00f0ff33
list.errorForeground#FF245F
list.focusBackground#f5f4ff21
list.focusForeground#F5F4FF
list.highlightForeground#00F0FF
list.hoverBackground#f5f4ff1a
list.hoverForeground#F5F4FF
list.inactiveSelectionBackground#f5f4ff21
list.inactiveSelectionForeground#F5F4FF
list.invalidItemForeground#FF245F
menu.separatorBackground#100e23
minimap.background#06050D
minimapSlider.activeBackground#00f0ff8c
minimapSlider.background#00f0ff40
minimapSlider.hoverBackground#00f0ff66
notificationCenter.border#100e23
notificationCenterHeader.background#06050D
notificationCenterHeader.foreground#F5F4FF
notifications.background#030208
notifications.border#100e23
notifications.foreground#F5F4FF
notificationToast.border#1a1639
panel.background#030208
panel.border#100e23
panelTitle.activeBorder#00F0FF
panelTitle.activeForeground#F5F4FF
panelTitle.inactiveForeground#AAA7C5
peekView.border#1a1639
peekViewEditor.background#030208
peekViewEditor.matchHighlightBackground#045762
peekViewResult.background#030208
peekViewResult.fileForeground#F5F4FF
peekViewResult.lineForeground#AAA7C5
peekViewResult.matchHighlightBackground#045762
peekViewResult.selectionBackground#f5f4ff21
peekViewTitle.background#030208
peekViewTitleDescription.foreground#AAA7C5
peekViewTitleLabel.foreground#F5F4FF
pickerGroup.border#1a1639
pickerGroup.foreground#00F0FF
progressBar.background#00F0FF
quickInput.background#030208
quickInput.foreground#F5F4FF
scrollbar.background#06050D
scrollbar.shadow#06050D
scrollbarSlider.activeBackground#f5f4ff66
scrollbarSlider.background#f5f4ff26
scrollbarSlider.hoverBackground#f5f4ff40
selection.background#005459
settings.headerForeground#F5F4FF
settings.modifiedItemIndicator#FFD000
sideBar.background#030208
sideBar.border#100e23
sideBar.dropBackground#00f0ff33
sideBar.foreground#F5F4FF
sideBarSectionHeader.background#030208
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#F5F4FF
sideBarTitle.foreground#F5F4FF
statusBar.background#030208
statusBar.border#100e23
statusBar.debuggingBackground#FFD000
statusBar.debuggingForeground#1a1500
statusBar.foreground#F5F4FF
statusBarItem.activeBackground#f5f4ff21
statusBarItem.hoverBackground#f5f4ff1a
statusBarItem.remoteBackground#00F0FF
statusBarItem.remoteForeground#003033
statusBarItem.remoteHoverBackground#5CFAFF
tab.activeBackground#06050D
tab.activeBorderTop#00F0FF
tab.activeForeground#F5F4FF
tab.border#00000000
tab.inactiveBackground#030208
tab.inactiveForeground#AAA7C5
terminal.ansiBlack#06050D
terminal.ansiBlue#00C8FF
terminal.ansiBrightBlack#473b99
terminal.ansiBrightBlue#FF6DC5
terminal.ansiBrightCyan#5CDFFF
terminal.ansiBrightGreen#5CFFA8
terminal.ansiBrightMagenta#5CFAFF
terminal.ansiBrightRed#FF6688
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#FFE866
terminal.ansiCyan#A8FF00
terminal.ansiGreen#00FF85
terminal.ansiMagenta#00F0FF
terminal.ansiRed#FF245F
terminal.ansiWhite#F5F4FF
terminal.ansiYellow#FFD000
terminal.background#06050D
terminal.foreground#F5F4FF
terminal.selectionBackground#005459
terminalCursor.background#00F0FF
terminalCursor.foreground#00F0FF
textLink.activeForeground#5CDFFF
textLink.foreground#00F0FF
textSeparator.foreground#AAA7C5
titleBar.activeBackground#030208
titleBar.activeForeground#F5F4FF
titleBar.border#100e23
titleBar.inactiveBackground#06050D
titleBar.inactiveForeground#AAA7C5
toolbar.activeBackground#f5f4ff21
toolbar.hoverBackground#f5f4ff1a
toolbar.hoverOutline#29233E
tree.indentGuidesStroke#3d3d40
welcomePage.progress.background#181525
welcomePage.tileBackground#030208
widget.border#100e23
widget.shadow#06050D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.function.preprocessor	#F5F4FF	—
entity.other.attribute-name	#5CFAFF	—
constant, constant.language	#00F0FF	—
comment	#616c75	—
entity.name.function	#FF6DC5	—
keyword, storage.type, storage.modifier, storage.type.enum, storage.type.struct, storage.type.template	#5CFAFF	—
constant.numeric	#00F0FF	—
keyword.operator, entity.name.function.operator	#FF245F	—
variable.other.property, variable.other.constant.property, support.type.property-name	#00C8FF	—
entity.other.attribute-name.class.css	#5CFAFF	—
entity.other.attribute-name.id.css	#00F0FF	—
entity.other.attribute-name.pseudo-element	#00F0FF	—
string, constant.other.symbol	#00FF85	—
constant.character, constant.other	#00F0FF	—
string.regexp	#5CFFA8	—
entity.name.tag, meta.tag.sgml	#FF245F	—
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class, storage.type.built-in.primitive, support.type	#A8FF00	—
entity.name.scope-resolution	#CCFF5C	—
variable, variable.parameter.function-call	#F5F4FF	—
variable.language, variable.parameter.function.language.special.self.python	#FF245F	—
variable.parameter, meta.parameter	#F5F4FF	—
text.html.markdown markup.inline.raw	#AAA7C5	—
markup.bold	#5CFAFF	—
punctuation.definition.bold	#00F0FF	—
string.other.link.title, punctuation.definition.link.title, string.other.link.description, punctuation.definition.link.description	#00F0FF	—
markup.underline.link, punctuation.definition.metadata	#00C8FF	—
markup.heading	#CCFF5C	—
punctuation.definition.markdown, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.accessor, punctuation.definition.template-expression, punctuation.section.embedded, punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag, meta.decorator punctuation.decorator, markup.list punctuation.definition.list.begin	#b8f3ff	—
punctuation.definition.template-expression, punctuation.section.embedded, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js	#5CDFFF	—

VS Code preview

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

Herzha Theme — Herzha Azure

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.activeBorder#4A90FF
activityBar.background#050A14
activityBar.border#141f31
activityBar.foreground#E0F0FF
activityBar.inactiveForeground#B7D9FF
activityBarBadge.background#4A90FF
activityBarBadge.foreground#000000
badge.background#4A90FF
badge.foreground#000000
button.background#4A90FF
button.border#00000000
button.foreground#000000
button.hoverBackground#7AB4FF
button.secondaryBackground#2E3642
button.secondaryForeground#e7eaee
button.secondaryHoverBackground#4A5361
button.separator#E0F0FF
descriptionForeground#B7D9FF
diffEditor.insertedTextBackground#5ed1a126
diffEditor.removedTextBackground#f5496626
disabledForeground#e0f0ff66
dropdown.background#050A14
dropdown.border#141f31
dropdown.foreground#E0F0FF
dropdown.listBackground#0B111B
editor.background#0B111B
editor.findMatchBackground#7b5e25
editor.findMatchHighlightBackground#1d2f59
editor.foreground#E0F0FF
editor.inactiveSelectionBackground#1b3154
editor.lineHighlightBackground#2d3033
editor.lineHighlightBorder#00000000
editor.selectionBackground#1a3259
editor.selectionHighlightBackground#213d6b
editor.stackFrameHighlightBackground#3d2f12
editor.wordHighlightBackground#00000000
editor.wordHighlightStrongBackground#00000000
editorBracketHighlight.foreground1#bbd8ff
editorBracketHighlight.foreground2#bbd8ff
editorBracketHighlight.foreground3#bbd8ff
editorBracketHighlight.foreground4#bbd8ff
editorBracketHighlight.foreground5#bbd8ff
editorBracketHighlight.foreground6#bbd8ff
editorBracketMatch.background#213d6b
editorBracketMatch.border#376abb
editorCursor.foreground#4A90FF
editorError.border#00000000
editorError.foreground#F54966
editorGroup.border#141f31
editorGroup.dropBackground#4a90ff33
editorGroupHeader.border#1d2c46
editorGroupHeader.noTabsBackground#050A14
editorGroupHeader.tabsBackground#050A14
editorGroupHeader.tabsBorder#00000000
editorGutter.addedBackground#5ED1A1
editorGutter.deletedBackground#F54966
editorGutter.modifiedBackground#F5BC49
editorHoverWidget.background#050A14
editorHoverWidget.border#141f31
editorIndentGuide.activeBackground#747d85
editorIndentGuide.background#383c40
editorInlayHint.background#050A14
editorInlayHint.foreground#E0F0FF
editorLineNumber.activeForeground#E0F0FF
editorLineNumber.foreground#707880
editorLink.activeForeground#4A90FF
editorSuggestWidget.background#050A14
editorSuggestWidget.border#141f31
editorSuggestWidget.foreground#E0F0FF
editorSuggestWidget.highlightForeground#4A90FF
editorSuggestWidget.selectedBackground#1a3259
editorWarning.border#00000000
editorWarning.foreground#F5BC49
editorWhitespace.foreground#e0f0ff66
editorWidget.background#050A14
editorWidget.border#141f31
errorForeground#F54966
focusBorder#4A90FF
foreground#E0F0FF
gitDecoration.conflictingResourceForeground#FA7087
gitDecoration.deletedResourceForeground#F54966
gitDecoration.ignoredResourceForeground#B7D9FF
gitDecoration.modifiedResourceForeground#F5BC49
gitDecoration.submoduleResourceForeground#5486ff
gitDecoration.untrackedResourceForeground#5C9AED
icon.foreground#E0F0FF
input.background#0B111B
input.border#141f31
input.foreground#E0F0FF
input.placeholderForeground#e0f0ffb3
inputOption.activeBackground#e0f0ff21
inputOption.activeBorder#4A90FF
inputOption.activeForeground#E0F0FF
inputOption.hoverBackground#e0f0ff1a
inputValidation.errorBackground#f5496640
inputValidation.errorBorder#F54966
inputValidation.infoBackground#5da6ff40
inputValidation.infoBorder#5DA6FF
inputValidation.warningBackground#f5bc4940
inputValidation.warningBorder#F5BC49
keybindingLabel.background#050A14
keybindingLabel.border#2E3642
keybindingLabel.bottomBorder#4A5361
keybindingLabel.foreground#B7D9FF
list.activeSelectionBackground#e0f0ff21
list.activeSelectionForeground#E0F0FF
list.activeSelectionIconForeground#E0F0FF
list.dropBackground#4a90ff33
list.errorForeground#F54966
list.focusBackground#e0f0ff21
list.focusForeground#E0F0FF
list.highlightForeground#4A90FF
list.hoverBackground#e0f0ff1a
list.hoverForeground#E0F0FF
list.inactiveSelectionBackground#e0f0ff21
list.inactiveSelectionForeground#E0F0FF
list.invalidItemForeground#F54966
menu.separatorBackground#141f31
minimap.background#0B111B
minimapSlider.activeBackground#4a90ff8c
minimapSlider.background#4a90ff40
minimapSlider.hoverBackground#4a90ff66
notificationCenter.border#141f31
notificationCenterHeader.background#0B111B
notificationCenterHeader.foreground#E0F0FF
notifications.background#050A14
notifications.border#141f31
notifications.foreground#E0F0FF
notificationToast.border#1d2c46
panel.background#050A14
panel.border#141f31
panelTitle.activeBorder#4A90FF
panelTitle.activeForeground#E0F0FF
panelTitle.inactiveForeground#B7D9FF
peekView.border#1d2c46
peekViewEditor.background#050A14
peekViewEditor.matchHighlightBackground#213d6b
peekViewResult.background#050A14
peekViewResult.fileForeground#E0F0FF
peekViewResult.lineForeground#B7D9FF
peekViewResult.matchHighlightBackground#213d6b
peekViewResult.selectionBackground#e0f0ff21
peekViewTitle.background#050A14
peekViewTitleDescription.foreground#B7D9FF
peekViewTitleLabel.foreground#E0F0FF
pickerGroup.border#1d2c46
pickerGroup.foreground#4A90FF
progressBar.background#4A90FF
quickInput.background#050A14
quickInput.foreground#E0F0FF
scrollbar.background#0B111B
scrollbar.shadow#0B111B
scrollbarSlider.activeBackground#e0f0ff66
scrollbarSlider.background#e0f0ff26
scrollbarSlider.hoverBackground#e0f0ff40
selection.background#1a3259
settings.headerForeground#E0F0FF
settings.modifiedItemIndicator#F5BC49
sideBar.background#050A14
sideBar.border#141f31
sideBar.dropBackground#4a90ff33
sideBar.foreground#E0F0FF
sideBarSectionHeader.background#050A14
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#E0F0FF
sideBarTitle.foreground#E0F0FF
statusBar.background#050A14
statusBar.border#141f31
statusBar.debuggingBackground#F5BC49
statusBar.debuggingForeground#241802
statusBar.foreground#E0F0FF
statusBarItem.activeBackground#e0f0ff21
statusBarItem.hoverBackground#e0f0ff1a
statusBarItem.remoteBackground#4A90FF
statusBarItem.remoteForeground#000000
statusBarItem.remoteHoverBackground#7AB4FF
tab.activeBackground#0B111B
tab.activeBorderTop#4A90FF
tab.activeForeground#E0F0FF
tab.border#00000000
tab.inactiveBackground#050A14
tab.inactiveForeground#B7D9FF
terminal.ansiBlack#0B111B
terminal.ansiBlue#5DA6FF
terminal.ansiBrightBlack#4368a5
terminal.ansiBrightBlue#5C9AED
terminal.ansiBrightCyan#85C1FF
terminal.ansiBrightGreen#7EE6BA
terminal.ansiBrightMagenta#7AB4FF
terminal.ansiBrightRed#FA7087
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#FACC70
terminal.ansiCyan#5486ff
terminal.ansiGreen#5ED1A1
terminal.ansiMagenta#4A90FF
terminal.ansiRed#F54966
terminal.ansiWhite#E0F0FF
terminal.ansiYellow#F5BC49
terminal.background#0B111B
terminal.foreground#E0F0FF
terminal.selectionBackground#1a3259
terminalCursor.background#4A90FF
terminalCursor.foreground#4A90FF
textLink.activeForeground#85C1FF
textLink.foreground#4A90FF
textSeparator.foreground#B7D9FF
titleBar.activeBackground#050A14
titleBar.activeForeground#E0F0FF
titleBar.border#141f31
titleBar.inactiveBackground#0B111B
titleBar.inactiveForeground#B7D9FF
toolbar.activeBackground#e0f0ff21
toolbar.hoverBackground#e0f0ff1a
toolbar.hoverOutline#4A5361
tree.indentGuidesStroke#383c40
welcomePage.progress.background#2E3642
welcomePage.tileBackground#050A14
widget.border#141f31
widget.shadow#0B111B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.function.preprocessor	#E0F0FF	—
entity.other.attribute-name	#7AB4FF	—
constant, constant.language	#4A90FF	—
comment	#5f6c7d	—
entity.name.function	#5C9AED	—
keyword, storage.type, storage.modifier, storage.type.enum, storage.type.struct, storage.type.template	#7AB4FF	—
constant.numeric	#4A90FF	—
keyword.operator, entity.name.function.operator	#F54966	—
variable.other.property, variable.other.constant.property, support.type.property-name	#5DA6FF	—
entity.other.attribute-name.class.css	#7AB4FF	—
entity.other.attribute-name.id.css	#4A90FF	—
entity.other.attribute-name.pseudo-element	#4A90FF	—
string, constant.other.symbol	#5ED1A1	—
constant.character, constant.other	#4A90FF	—
string.regexp	#7EE6BA	—
entity.name.tag, meta.tag.sgml	#F54966	—
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class, storage.type.built-in.primitive, support.type	#5486ff	—
entity.name.scope-resolution	#73A6FF	—
variable, variable.parameter.function-call	#E0F0FF	—
variable.language, variable.parameter.function.language.special.self.python	#F54966	—
variable.parameter, meta.parameter	#E0F0FF	—
text.html.markdown markup.inline.raw	#B7D9FF	—
markup.bold	#7AB4FF	—
punctuation.definition.bold	#4A90FF	—
string.other.link.title, punctuation.definition.link.title, string.other.link.description, punctuation.definition.link.description	#4A90FF	—
markup.underline.link, punctuation.definition.metadata	#5DA6FF	—
markup.heading	#73A6FF	—
punctuation.definition.markdown, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.accessor, punctuation.definition.template-expression, punctuation.section.embedded, punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag, meta.decorator punctuation.decorator, markup.list punctuation.definition.list.begin	#bbd8ff	—
punctuation.definition.template-expression, punctuation.section.embedded, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js	#85C1FF	—

VS Code preview

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

Herzha Theme — Herzha 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.activeBorder#A779F3
activityBar.background#0D0D0D
activityBar.border#222229
activityBar.foreground#a9b1d6
activityBar.inactiveForeground#787c99
activityBarBadge.background#A779F3
activityBarBadge.foreground#000000
badge.background#A779F3
badge.foreground#000000
button.background#A779F3
button.border#00000000
button.foreground#000000
button.hoverBackground#BB9AF7
button.secondaryBackground#384059
button.secondaryForeground#ffffff
button.secondaryHoverBackground#4C536F
button.separator#a9b1d6
descriptionForeground#787c99
diffEditor.insertedTextBackground#85d0b726
diffEditor.removedTextBackground#fb899e26
disabledForeground#a9b1d666
dropdown.background#0D0D0D
dropdown.border#222229
dropdown.foreground#a9b1d6
dropdown.listBackground#141418
editor.background#141418
editor.findMatchBackground#796546
editor.findMatchHighlightBackground#014250
editor.foreground#a9b1d6
editor.inactiveSelectionBackground#392d4f
editor.lineHighlightBackground#22232b
editor.lineHighlightBorder#00000000
editor.selectionBackground#3a2a55
editor.selectionHighlightBackground#473765
editor.stackFrameHighlightBackground#3d3223
editor.wordHighlightBackground#00000000
editor.wordHighlightStrongBackground#00000000
editorBracketHighlight.foreground1#a9a3dd
editorBracketHighlight.foreground2#a9a3dd
editorBracketHighlight.foreground3#a9a3dd
editorBracketHighlight.foreground4#a9a3dd
editorBracketHighlight.foreground5#a9a3dd
editorBracketHighlight.foreground6#a9a3dd
editorBracketMatch.background#473765
editorBracketMatch.border#7b5bb1
editorCursor.foreground#A779F3
editorError.border#00000000
editorError.foreground#FB899E
editorGroup.border#222229
editorGroup.dropBackground#a779f333
editorGroupHeader.border#303039
editorGroupHeader.noTabsBackground#0D0D0D
editorGroupHeader.tabsBackground#0D0D0D
editorGroupHeader.tabsBorder#00000000
editorGutter.addedBackground#85D0B7
editorGutter.deletedBackground#FB899E
editorGutter.modifiedBackground#F2C98B
editorHoverWidget.background#0D0D0D
editorHoverWidget.border#222229
editorIndentGuide.activeBackground#585c6f
editorIndentGuide.background#2a2c36
editorInlayHint.background#0D0D0D
editorInlayHint.foreground#a9b1d6
editorLineNumber.activeForeground#a9b1d6
editorLineNumber.foreground#55596b
editorLink.activeForeground#A779F3
editorSuggestWidget.background#0D0D0D
editorSuggestWidget.border#222229
editorSuggestWidget.foreground#a9b1d6
editorSuggestWidget.highlightForeground#A779F3
editorSuggestWidget.selectedBackground#3a2a55
editorWarning.border#00000000
editorWarning.foreground#F2C98B
editorWhitespace.foreground#a9b1d666
editorWidget.background#0D0D0D
editorWidget.border#222229
errorForeground#FB899E
focusBorder#A779F3
foreground#a9b1d6
gitDecoration.conflictingResourceForeground#FF9FB1
gitDecoration.deletedResourceForeground#FB899E
gitDecoration.ignoredResourceForeground#787c99
gitDecoration.modifiedResourceForeground#F2C98B
gitDecoration.submoduleResourceForeground#03BDE5
gitDecoration.untrackedResourceForeground#87A1FF
icon.foreground#a9b1d6
input.background#141418
input.border#222229
input.foreground#a9b1d6
input.placeholderForeground#a9b1d6b3
inputOption.activeBackground#a9b1d621
inputOption.activeBorder#A779F3
inputOption.activeForeground#a9b1d6
inputOption.hoverBackground#a9b1d61a
inputValidation.errorBackground#fb899e40
inputValidation.errorBorder#FB899E
inputValidation.infoBackground#7dcfff40
inputValidation.infoBorder#7DCFFF
inputValidation.warningBackground#f2c98b40
inputValidation.warningBorder#F2C98B
keybindingLabel.background#0D0D0D
keybindingLabel.border#384059
keybindingLabel.bottomBorder#4C536F
keybindingLabel.foreground#787c99
list.activeSelectionBackground#a9b1d621
list.activeSelectionForeground#a9b1d6
list.activeSelectionIconForeground#a9b1d6
list.dropBackground#a779f333
list.errorForeground#FB899E
list.focusBackground#a9b1d621
list.focusForeground#a9b1d6
list.highlightForeground#A779F3
list.hoverBackground#a9b1d61a
list.hoverForeground#a9b1d6
list.inactiveSelectionBackground#a9b1d621
list.inactiveSelectionForeground#a9b1d6
list.invalidItemForeground#FB899E
menu.separatorBackground#222229
minimap.background#141418
minimapSlider.activeBackground#a779f38c
minimapSlider.background#a779f340
minimapSlider.hoverBackground#a779f366
notificationCenter.border#222229
notificationCenterHeader.background#141418
notificationCenterHeader.foreground#a9b1d6
notifications.background#0D0D0D
notifications.border#222229
notifications.foreground#a9b1d6
notificationToast.border#303039
panel.background#0D0D0D
panel.border#222229
panelTitle.activeBorder#A779F3
panelTitle.activeForeground#a9b1d6
panelTitle.inactiveForeground#787c99
peekView.border#303039
peekViewEditor.background#0D0D0D
peekViewEditor.matchHighlightBackground#473765
peekViewResult.background#0D0D0D
peekViewResult.fileForeground#a9b1d6
peekViewResult.lineForeground#787c99
peekViewResult.matchHighlightBackground#473765
peekViewResult.selectionBackground#a9b1d621
peekViewTitle.background#0D0D0D
peekViewTitleDescription.foreground#787c99
peekViewTitleLabel.foreground#a9b1d6
pickerGroup.border#303039
pickerGroup.foreground#A779F3
progressBar.background#A779F3
quickInput.background#0D0D0D
quickInput.foreground#a9b1d6
scrollbar.background#141418
scrollbar.shadow#141418
scrollbarSlider.activeBackground#a9b1d666
scrollbarSlider.background#a9b1d626
scrollbarSlider.hoverBackground#a9b1d640
selection.background#3a2a55
settings.headerForeground#a9b1d6
settings.modifiedItemIndicator#F2C98B
sideBar.background#0D0D0D
sideBar.border#222229
sideBar.dropBackground#a779f333
sideBar.foreground#a9b1d6
sideBarSectionHeader.background#0D0D0D
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#a9b1d6
sideBarTitle.foreground#a9b1d6
statusBar.background#0D0D0D
statusBar.border#222229
statusBar.debuggingBackground#F2C98B
statusBar.debuggingForeground#2d1d05
statusBar.foreground#a9b1d6
statusBarItem.activeBackground#a9b1d621
statusBarItem.hoverBackground#a9b1d61a
statusBarItem.remoteBackground#A779F3
statusBarItem.remoteForeground#000000
statusBarItem.remoteHoverBackground#BB9AF7
tab.activeBackground#141418
tab.activeBorderTop#A779F3
tab.activeForeground#a9b1d6
tab.border#00000000
tab.inactiveBackground#0D0D0D
tab.inactiveForeground#787c99
terminal.ansiBlack#141418
terminal.ansiBlue#7DCFFF
terminal.ansiBrightBlack#6c6c82
terminal.ansiBrightBlue#87A1FF
terminal.ansiBrightCyan#8BD5FF
terminal.ansiBrightGreen#95DFC6
terminal.ansiBrightMagenta#BB9AF7
terminal.ansiBrightRed#FF9FB1
terminal.ansiBrightWhite#eef0f7
terminal.ansiBrightYellow#F5D08A
terminal.ansiCyan#03BDE5
terminal.ansiGreen#85D0B7
terminal.ansiMagenta#A779F3
terminal.ansiRed#FB899E
terminal.ansiWhite#a9b1d6
terminal.ansiYellow#F2C98B
terminal.background#141418
terminal.foreground#a9b1d6
terminal.selectionBackground#3a2a55
terminalCursor.background#A779F3
terminalCursor.foreground#A779F3
textLink.activeForeground#8BD5FF
textLink.foreground#A779F3
textSeparator.foreground#787c99
titleBar.activeBackground#0D0D0D
titleBar.activeForeground#a9b1d6
titleBar.border#222229
titleBar.inactiveBackground#141418
titleBar.inactiveForeground#787c99
toolbar.activeBackground#a9b1d621
toolbar.hoverBackground#a9b1d61a
toolbar.hoverOutline#4C536F
tree.indentGuidesStroke#2a2c36
welcomePage.progress.background#384059
welcomePage.tileBackground#0D0D0D
widget.border#222229
widget.shadow#141418

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.function.preprocessor	#a9b1d6	—
entity.other.attribute-name	#BB9AF7	—
constant, constant.language	#A779F3	—
comment	#54556b	—
entity.name.function	#87A1FF	—
keyword, storage.type, storage.modifier, storage.type.enum, storage.type.struct, storage.type.template	#BB9AF7	—
constant.numeric	#A779F3	—
keyword.operator, entity.name.function.operator	#FB899E	—
variable.other.property, variable.other.constant.property, support.type.property-name	#7DCFFF	—
entity.other.attribute-name.class.css	#BB9AF7	—
entity.other.attribute-name.id.css	#A779F3	—
entity.other.attribute-name.pseudo-element	#A779F3	—
string, constant.other.symbol	#85D0B7	—
constant.character, constant.other	#A779F3	—
string.regexp	#95DFC6	—
entity.name.tag, meta.tag.sgml	#FB899E	—
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class, storage.type.built-in.primitive, support.type	#03BDE5	—
entity.name.scope-resolution	#2CCAF0	—
variable, variable.parameter.function-call	#a9b1d6	—
variable.language, variable.parameter.function.language.special.self.python	#FB899E	—
variable.parameter, meta.parameter	#a9b1d6	—
text.html.markdown markup.inline.raw	#787c99	—
markup.bold	#BB9AF7	—
punctuation.definition.bold	#A779F3	—
string.other.link.title, punctuation.definition.link.title, string.other.link.description, punctuation.definition.link.description	#A779F3	—
markup.underline.link, punctuation.definition.metadata	#7DCFFF	—
markup.heading	#2CCAF0	—
punctuation.definition.markdown, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.accessor, punctuation.definition.template-expression, punctuation.section.embedded, punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag, meta.decorator punctuation.decorator, markup.list punctuation.definition.list.begin	#a9a3dd	—
punctuation.definition.template-expression, punctuation.section.embedded, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js	#8BD5FF	—

VS Code preview

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

Herzha Theme — Herzha Ember

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.activeBorder#FF8F6B
activityBar.background#0B0807
activityBar.border#201917
activityBar.foreground#E6DCD8
activityBar.inactiveForeground#B8AFAA
activityBarBadge.background#FF8F6B
activityBarBadge.foreground#000000
badge.background#FF8F6B
badge.foreground#000000
button.background#FF8F6B
button.border#00000000
button.foreground#000000
button.hoverBackground#FFA88A
button.secondaryBackground#403633
button.secondaryForeground#f9f8f8
button.secondaryHoverBackground#5A4A45
button.separator#E6DCD8
descriptionForeground#B8AFAA
diffEditor.insertedTextBackground#a3c15a26
diffEditor.removedTextBackground#ff6b6b26
disabledForeground#e6dcd866
dropdown.background#0B0807
dropdown.border#201917
dropdown.foreground#E6DCD8
dropdown.listBackground#0E0B0A
editor.background#0E0B0A
editor.findMatchBackground#7a6218
editor.findMatchHighlightBackground#554002
editor.foreground#E6DCD8
editor.inactiveSelectionBackground#4a2c22
editor.lineHighlightBackground#2e2c2b
editor.lineHighlightBorder#00000000
editor.selectionBackground#593225
editor.selectionHighlightBackground#62392c
editor.stackFrameHighlightBackground#3d310c
editor.wordHighlightBackground#00000000
editor.wordHighlightStrongBackground#00000000
editorBracketHighlight.foreground1#ecc9bd
editorBracketHighlight.foreground2#ecc9bd
editorBracketHighlight.foreground3#ecc9bd
editorBracketHighlight.foreground4#ecc9bd
editorBracketHighlight.foreground5#ecc9bd
editorBracketHighlight.foreground6#ecc9bd
editorBracketMatch.background#62392c
editorBracketMatch.border#b7674e
editorCursor.foreground#FF8F6B
editorError.border#00000000
editorError.foreground#FF6B6B
editorGroup.border#201917
editorGroup.dropBackground#ff8f6b33
editorGroupHeader.border#322724
editorGroupHeader.noTabsBackground#0B0807
editorGroupHeader.tabsBackground#0B0807
editorGroupHeader.tabsBorder#00000000
editorGutter.addedBackground#A3C15A
editorGutter.deletedBackground#FF6B6B
editorGutter.modifiedBackground#F4C430
editorHoverWidget.background#0B0807
editorHoverWidget.border#201917
editorIndentGuide.activeBackground#787270
editorIndentGuide.background#3a3736
editorInlayHint.background#0B0807
editorInlayHint.foreground#E6DCD8
editorLineNumber.activeForeground#E6DCD8
editorLineNumber.foreground#736e6c
editorLink.activeForeground#FF8F6B
editorSuggestWidget.background#0B0807
editorSuggestWidget.border#201917
editorSuggestWidget.foreground#E6DCD8
editorSuggestWidget.highlightForeground#FF8F6B
editorSuggestWidget.selectedBackground#593225
editorWarning.border#00000000
editorWarning.foreground#F4C430
editorWhitespace.foreground#e6dcd866
editorWidget.background#0B0807
editorWidget.border#201917
errorForeground#FF6B6B
focusBorder#FF8F6B
foreground#E6DCD8
gitDecoration.conflictingResourceForeground#FF8F8F
gitDecoration.deletedResourceForeground#FF6B6B
gitDecoration.ignoredResourceForeground#B8AFAA
gitDecoration.modifiedResourceForeground#F4C430
gitDecoration.submoduleResourceForeground#F2B705
gitDecoration.untrackedResourceForeground#F0856C
icon.foreground#E6DCD8
input.background#0E0B0A
input.border#201917
input.foreground#E6DCD8
input.placeholderForeground#e6dcd8b3
inputOption.activeBackground#e6dcd821
inputOption.activeBorder#FF8F6B
inputOption.activeForeground#E6DCD8
inputOption.hoverBackground#e6dcd81a
inputValidation.errorBackground#ff6b6b40
inputValidation.errorBorder#FF6B6B
inputValidation.infoBackground#d9a06640
inputValidation.infoBorder#D9A066
inputValidation.warningBackground#f4c43040
inputValidation.warningBorder#F4C430
keybindingLabel.background#0B0807
keybindingLabel.border#403633
keybindingLabel.bottomBorder#5A4A45
keybindingLabel.foreground#B8AFAA
list.activeSelectionBackground#e6dcd821
list.activeSelectionForeground#E6DCD8
list.activeSelectionIconForeground#E6DCD8
list.dropBackground#ff8f6b33
list.errorForeground#FF6B6B
list.focusBackground#e6dcd821
list.focusForeground#E6DCD8
list.highlightForeground#FF8F6B
list.hoverBackground#e6dcd81a
list.hoverForeground#E6DCD8
list.inactiveSelectionBackground#e6dcd821
list.inactiveSelectionForeground#E6DCD8
list.invalidItemForeground#FF6B6B
menu.separatorBackground#201917
minimap.background#0E0B0A
minimapSlider.activeBackground#ff8f6b8c
minimapSlider.background#ff8f6b40
minimapSlider.hoverBackground#ff8f6b66
notificationCenter.border#201917
notificationCenterHeader.background#0E0B0A
notificationCenterHeader.foreground#E6DCD8
notifications.background#0B0807
notifications.border#201917
notifications.foreground#E6DCD8
notificationToast.border#322724
panel.background#0B0807
panel.border#201917
panelTitle.activeBorder#FF8F6B
panelTitle.activeForeground#E6DCD8
panelTitle.inactiveForeground#B8AFAA
peekView.border#322724
peekViewEditor.background#0B0807
peekViewEditor.matchHighlightBackground#62392c
peekViewResult.background#0B0807
peekViewResult.fileForeground#E6DCD8
peekViewResult.lineForeground#B8AFAA
peekViewResult.matchHighlightBackground#62392c
peekViewResult.selectionBackground#e6dcd821
peekViewTitle.background#0B0807
peekViewTitleDescription.foreground#B8AFAA
peekViewTitleLabel.foreground#E6DCD8
pickerGroup.border#322724
pickerGroup.foreground#FF8F6B
progressBar.background#FF8F6B
quickInput.background#0B0807
quickInput.foreground#E6DCD8
scrollbar.background#0E0B0A
scrollbar.shadow#0E0B0A
scrollbarSlider.activeBackground#e6dcd866
scrollbarSlider.background#e6dcd826
scrollbarSlider.hoverBackground#e6dcd840
selection.background#593225
settings.headerForeground#E6DCD8
settings.modifiedItemIndicator#F4C430
sideBar.background#0B0807
sideBar.border#201917
sideBar.dropBackground#ff8f6b33
sideBar.foreground#E6DCD8
sideBarSectionHeader.background#0B0807
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#E6DCD8
sideBarTitle.foreground#E6DCD8
statusBar.background#0B0807
statusBar.border#201917
statusBar.debuggingBackground#F4C430
statusBar.debuggingForeground#231b02
statusBar.foreground#E6DCD8
statusBarItem.activeBackground#e6dcd821
statusBarItem.hoverBackground#e6dcd81a
statusBarItem.remoteBackground#FF8F6B
statusBarItem.remoteForeground#000000
statusBarItem.remoteHoverBackground#FFA88A
tab.activeBackground#0E0B0A
tab.activeBorderTop#FF8F6B
tab.activeForeground#E6DCD8
tab.border#00000000
tab.inactiveBackground#0B0807
tab.inactiveForeground#B8AFAA
terminal.ansiBlack#0E0B0A
terminal.ansiBlue#D9A066
terminal.ansiBrightBlack#7f645b
terminal.ansiBrightBlue#F0856C
terminal.ansiBrightCyan#E8BB8C
terminal.ansiBrightGreen#BFDA84
terminal.ansiBrightMagenta#FFA88A
terminal.ansiBrightRed#FF8F8F
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#FFD75E
terminal.ansiCyan#F2B705
terminal.ansiGreen#A3C15A
terminal.ansiMagenta#FF8F6B
terminal.ansiRed#FF6B6B
terminal.ansiWhite#E6DCD8
terminal.ansiYellow#F4C430
terminal.background#0E0B0A
terminal.foreground#E6DCD8
terminal.selectionBackground#593225
terminalCursor.background#FF8F6B
terminalCursor.foreground#FF8F6B
textLink.activeForeground#E8BB8C
textLink.foreground#FF8F6B
textSeparator.foreground#B8AFAA
titleBar.activeBackground#0B0807
titleBar.activeForeground#E6DCD8
titleBar.border#201917
titleBar.inactiveBackground#0E0B0A
titleBar.inactiveForeground#B8AFAA
toolbar.activeBackground#e6dcd821
toolbar.hoverBackground#e6dcd81a
toolbar.hoverOutline#5A4A45
tree.indentGuidesStroke#3a3736
welcomePage.progress.background#403633
welcomePage.tileBackground#0B0807
widget.border#201917
widget.shadow#0E0B0A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.function.preprocessor	#E6DCD8	—
entity.other.attribute-name	#FFA88A	—
constant, constant.language	#FF8F6B	—
comment	#6c615d	—
entity.name.function	#F0856C	—
keyword, storage.type, storage.modifier, storage.type.enum, storage.type.struct, storage.type.template	#FFA88A	—
constant.numeric	#FF8F6B	—
keyword.operator, entity.name.function.operator	#FF6B6B	—
variable.other.property, variable.other.constant.property, support.type.property-name	#D9A066	—
entity.other.attribute-name.class.css	#FFA88A	—
entity.other.attribute-name.id.css	#FF8F6B	—
entity.other.attribute-name.pseudo-element	#FF8F6B	—
string, constant.other.symbol	#A3C15A	—
constant.character, constant.other	#FF8F6B	—
string.regexp	#BFDA84	—
entity.name.tag, meta.tag.sgml	#FF6B6B	—
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class, storage.type.built-in.primitive, support.type	#F2B705	—
entity.name.scope-resolution	#FFD166	—
variable, variable.parameter.function-call	#E6DCD8	—
variable.language, variable.parameter.function.language.special.self.python	#FF6B6B	—
variable.parameter, meta.parameter	#E6DCD8	—
text.html.markdown markup.inline.raw	#B8AFAA	—
markup.bold	#FFA88A	—
punctuation.definition.bold	#FF8F6B	—
string.other.link.title, punctuation.definition.link.title, string.other.link.description, punctuation.definition.link.description	#FF8F6B	—
markup.underline.link, punctuation.definition.metadata	#D9A066	—
markup.heading	#FFD166	—
punctuation.definition.markdown, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.accessor, punctuation.definition.template-expression, punctuation.section.embedded, punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag, meta.decorator punctuation.decorator, markup.list punctuation.definition.list.begin	#ecc9bd	—
punctuation.definition.template-expression, punctuation.section.embedded, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js	#E8BB8C	—