Chromaleon Theme

Name: Chromaleon Theme
Author: Vaibhaw Mishra

Publisher: Vaibhaw MishraThemes in package: 22

The last colour theme you need. 22 themes to start from, then edit any colour against a live preview and make one that is truly yours. Matching file icons included.

Open in VS Code GitHub

Color themes

VS Code preview

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

Chromaleon Theme — Chromaleon Ochre

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#2578b3
activityBar.background#161512
activityBar.border#16151299
activityBar.foreground#e0dad1
activityBar.inactiveForeground#63605bb3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#161512
activityBarTop.foreground#e0dad1
activityBarTop.inactiveForeground#63605bb3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#16151299
badge.background#302f2c99
badge.foreground#e0dad1
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#161512
breadcrumb.focusForeground#e0dad1
breadcrumb.foreground#63605b
breadcrumbPicker.background#161512
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#161512
button.secondaryForeground#e0dad1
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#393836
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#20201d
chat.requestBubbleHoverBackground#20201d
chat.requestCodeBorder#3c3a36
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#1d1c1900
commandCenter.activeForeground#e0dad1
commandCenter.border#1d1c19
commandCenter.foreground#e0dad199
contrastActiveBorder#16151200
contrastBorder#16151200
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#161512
descriptionForeground#e0dad1cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#4d4a46ff
dropdown.background#161512
dropdown.border#ffffff0f
editor.background#161512
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#e0dad1
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#e0dad1
editor.lineHighlightBackground#302f2c00
editor.lineHighlightBorder#302f2c99
editor.selectionBackground#584f3c80
editor.selectionForeground#e0dad1
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#161512
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#4d4a46
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#e0dad10f
editorGroupHeader.tabsBackground#161512
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#161512
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#393836
editorIndentGuide.background#393836b3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#63605b
editorLineNumber.foreground#3c3a36ff
editorLink.activeForeground#e0dad1
editorMarkerNavigation.background#e0dad10d
editorOverviewRuler.border#161512
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#393836
editorStickyScrollHover.background#584f3c4d
editorSuggestWidget.background#161512
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#e0dad1
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#302f2c99
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#343331ff
editorWidget.background#161512
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#e0dad1
extensionButton.background#2578b314
extensionButton.border#2578b314
extensionButton.foreground#2578b3
extensionButton.hoverBackground#2578b333
extensionButton.prominentBackground#2578b314
extensionButton.prominentForeground#2578b3
extensionButton.prominentHoverBackground#2578b333
extensionButton.separator#2578b333
extensionIcon.preReleaseForeground#ffffff1a
extensionIcon.verifiedForeground#b3e283
focusBorder#ffffff00
foreground#e0dad1
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#63605b80
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#e0dad1b3
inlineChatInput.border#ffffff0f
input.background#20201d
input.border#ffffff0f
input.foreground#e0dad1
input.placeholderForeground#e0dad166
inputOption.activeBackground#e0dad14d
inputOption.activeBorder#e0dad14d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#161512
keybindingLabel.bottomBorder#161512
list.activeSelectionBackground#161512ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#e0dad11a
list.dropBetweenBackground#e0dad11a
list.focusBackground#e0dad126
list.focusForeground#e0dad1
list.highlightForeground#2578b3
list.hoverBackground#161512
list.hoverForeground#f0ede8
list.inactiveSelectionBackground#e0dad11a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#e0dad11a
listFilterWidget.noMatchesOutline#e0dad11a
listFilterWidget.outline#e0dad11a
menu.background#161512
menu.border#1d1c19
menu.foreground#e0dad1
menu.selectionBackground#302f2c99
menu.selectionBorder#e0dad11a
menu.selectionForeground#2578b3
menu.separatorBackground#e0dad1
menubar.selectionBackground#e0dad11a
menubar.selectionBorder#e0dad11a
menubar.selectionForeground#2578b3
merge.border#16151200
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#161512
notifications.foreground#e0dad1
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#161512ff
panel.border#16151299
panelSection.dropBackground#e0dad11a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#e0dad1
panelTitle.inactiveForeground#e0dad166
peekView.border#0000004d
peekViewEditor.background#20201d
peekViewEditor.matchHighlightBackground#584f3c
peekViewEditorGutter.background#20201d
peekViewResult.background#20201d
peekViewResult.matchHighlightBackground#584f3c
peekViewResult.selectionBackground#63605bb3
peekViewTitle.background#20201d
peekViewTitleDescription.foreground#e0dad199
pickerGroup.border#161512
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#161512ff
quickInput.foreground#63605b
quickInputList.focusBackground#e0dad126
quickInputList.focusIconForeground#e0dad1
quickInputTitle.background#161512
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#85817b21
scrollbarSlider.hoverBackground#85817b2e
selection.background#2578b3
settings.checkboxBackground#161512
settings.checkboxForeground#e0dad1
settings.dropdownBackground#161512
settings.dropdownForeground#e0dad1
settings.headerForeground#e0dad1
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#161512
settings.numberInputForeground#e0dad1
settings.textInputBackground#161512
settings.textInputForeground#e0dad1
sideBar.background#161512
sideBar.border#16151299
sideBar.foreground#63605b
sideBarActivityBarTop.border#16151299
sideBarSectionHeader.background#161512
sideBarSectionHeader.border#16151299
sideBarStickyScroll.border#16151299
sideBarTitle.foreground#e0dad1
statusBar.background#161512
statusBar.border#16151299
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#837f79
statusBar.noFolderBackground#161512
statusBarItem.hoverBackground#4d4a4633
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#161512
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#f0ede8
tab.activeModifiedBorder#2578b300
tab.border#161512
tab.inactiveBackground#161512
tab.inactiveForeground#63605b
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#4d4a4600
tab.unfocusedActiveForeground#e0dad1
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#4d4a46
terminal.ansiBrightBlue#7c99f8
terminal.ansiBrightCyan#82e0f7
terminal.ansiBrightGreen#b3e283
terminal.ansiBrightMagenta#bd8ee6
terminal.ansiBrightRed#ef7b8b
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f9cf67
terminal.ansiCyan#82e0f7
terminal.ansiGreen#b3e283
terminal.ansiMagenta#bd8ee6
terminal.ansiRed#ef7b8b
terminal.ansiWhite#ffffff
terminal.ansiYellow#f9cf67
terminalCommandGuide.foreground#393836
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#e0dad1
textLink.foreground#2578b3
textPreformat.background#302f2c99
textPreformat.foreground#e0dad1b3
titleBar.activeBackground#161512
titleBar.activeForeground#e0dad1
titleBar.border#16151299
titleBar.inactiveBackground#161512
titleBar.inactiveForeground#63605b
toolbar.activeBackground#2578b326
toolbar.hoverBackground#e0dad11a
tree.indentGuidesStroke#393836
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#e0dad1	—
string	#b3e283	—
punctuation, constant.other.symbol	#82e0f7	—
constant.character.escape, text.html constant.character.entity.named	#e0dad1	—
constant.language.boolean	#f896b0	—
constant.numeric	#f49167	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#e0dad1	—
keyword.other	#f49167	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#82e0f7	—
entity.name.function, support.function	#7c99f8	—
storage.type, storage.modifier, storage.control	#bd8ee6	—
support.module, support.node	#ef7b8b	italic
support.type, constant.other.key	#f9cf67	—
entity.name.type, entity.other.inherited-class, entity.other	#f9cf67	—
comment	#4d4a46	italic
comment punctuation.definition.comment	#4d4a46	italic
punctuation	#82e0f7	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#f9cf67	—
variable.object.property, meta.field.declaration entity.name.function	#ef7b8b	—
meta.definition.method entity.name.function	#ef7b8b	—
meta.function entity.name.function	#7c99f8	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#82e0f7	—
meta.embedded, source.groovy.embedded, meta.template.expression	#e0dad1	—
entity.name.tag.yaml	#ef7b8b	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#ef7b8b	—
constant.language.json	#82e0f7	—
meta.structure.dictionary.json support.type.property-name.json	#bd8ee6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f9cf67	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f49167	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ef7b8b	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bd906b	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7c99f8	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f896b0	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bd8ee6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#b3e283	—
entity.other.attribute-name.class	#f9cf67	—
entity.other.attribute-name.id	#f49167	—
source.css entity.name.tag	#f9cf67	—
support.type.property-name.css	#a8c1c2	—
meta.tag, punctuation.definition.tag	#82e0f7	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#bd8ee6	—
punctuation.definition.entity.html	#e0dad1	—
markup.heading	#82e0f7	—
text.html.markdown meta.link.inline, meta.link.reference	#ef7b8b	—
text.html.markdown beginning.punctuation.definition.list	#82e0f7	—
markup.italic	#ef7b8b	italic
markup.bold	#ef7b8b	bold
markup.bold markup.italic, markup.italic markup.bold	#ef7b8b	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#b3e283	—
markup.inline.raw.string.markdown	#b3e283	—
markup.quote	#82e0f7	italic
punctuation.definition.quote	#f896b0	—
keyword.other.definition.ini	#ef7b8b	—
entity.name.section.group-title.ini	#82e0f7	—
source.cs meta.class.identifier storage.type	#f9cf67	—
source.cs meta.method.identifier entity.name.function	#ef7b8b	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#7c99f8	—
source.cs storage.type	#f9cf67	—
source.cs meta.method.return-type	#f9cf67	—
source.cs meta.preprocessor	#4d4a46	—
source.cs entity.name.type.namespace	#e0dad1	—
meta.jsx.children, SXNested	#e0dad1	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#e0dad1	—
source.python meta.member.access.python	#ef7b8b	—
source.python meta.function-call.python, meta.function-call.arguments	#7c99f8	—
meta.block	#ef7b8b	—
entity.name.function.call, support.function.builtin	#7c99f8	—
source.php support.other.namespace, source.php meta.use support.class	#e0dad1	—
constant.keyword	#82e0f7	italic
entity.name.function	#7c99f8	—
constant.other.placeholder	#ef7b8b	—
markup.deleted	#ef7b8b	—
markup.inserted	#b3e283	—
markup.underline	—	underline
keyword.control	#82e0f7	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#e0dad1	italic
constant.character.format.placeholder.other.python	#f49167	—
markup.fenced_code.block	#e0dad1e6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Ochre High Contrast

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#2578b3
activityBar.background#0e0e0c
activityBar.border#302f2c99
activityBar.foreground#e0dad1
activityBar.inactiveForeground#595652b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#0e0e0c
activityBarTop.foreground#e0dad1
activityBarTop.inactiveForeground#595652b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#302f2c99
badge.background#302f2c99
badge.foreground#e0dad1
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#161512
breadcrumb.focusForeground#e0dad1
breadcrumb.foreground#595652
breadcrumbPicker.background#0e0e0c
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#0e0e0c
button.secondaryForeground#e0dad1
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#393836
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#1c1c1a
chat.requestBubbleHoverBackground#1c1c1a
chat.requestCodeBorder#3c3a36
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#1d1c1900
commandCenter.activeForeground#e0dad1
commandCenter.border#1d1c19
commandCenter.foreground#e0dad199
contrastActiveBorder#16151200
contrastBorder#16151200
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#0e0e0c
descriptionForeground#e0dad1cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#4d4a46ff
dropdown.background#0e0e0c
dropdown.border#ffffff0f
editor.background#161512
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#e0dad1
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#e0dad1
editor.lineHighlightBackground#302f2c00
editor.lineHighlightBorder#302f2c99
editor.selectionBackground#584f3c80
editor.selectionForeground#e0dad1
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#161512
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#4d4a46
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#e0dad10f
editorGroupHeader.tabsBackground#161512
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#0e0e0c
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#393836
editorIndentGuide.background#393836b3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#595652
editorLineNumber.foreground#3c3a36ff
editorLink.activeForeground#e0dad1
editorMarkerNavigation.background#e0dad10d
editorOverviewRuler.border#161512
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#393836
editorStickyScrollHover.background#584f3c4d
editorSuggestWidget.background#0e0e0c
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#e0dad1
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#302f2c99
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#343331ff
editorWidget.background#0e0e0c
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#e0dad1
extensionButton.background#2578b314
extensionButton.border#2578b314
extensionButton.foreground#2578b3
extensionButton.hoverBackground#2578b333
extensionButton.prominentBackground#2578b314
extensionButton.prominentForeground#2578b3
extensionButton.prominentHoverBackground#2578b333
extensionButton.separator#2578b333
extensionIcon.preReleaseForeground#ffffff1a
extensionIcon.verifiedForeground#b3e283
focusBorder#ffffff00
foreground#e0dad1
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#59565280
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#e0dad1b3
inlineChatInput.border#ffffff0f
input.background#1c1c1a
input.border#ffffff0f
input.foreground#e0dad1
input.placeholderForeground#e0dad166
inputOption.activeBackground#e0dad14d
inputOption.activeBorder#e0dad14d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#302f2c
keybindingLabel.bottomBorder#302f2c
list.activeSelectionBackground#0e0e0cff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#e0dad11a
list.dropBetweenBackground#e0dad11a
list.focusBackground#e0dad126
list.focusForeground#e0dad1
list.highlightForeground#2578b3
list.hoverBackground#0e0e0c
list.hoverForeground#f0ede8
list.inactiveSelectionBackground#e0dad11a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#e0dad11a
listFilterWidget.noMatchesOutline#e0dad11a
listFilterWidget.outline#e0dad11a
menu.background#0e0e0c
menu.border#1d1c19
menu.foreground#e0dad1
menu.selectionBackground#302f2c99
menu.selectionBorder#e0dad11a
menu.selectionForeground#2578b3
menu.separatorBackground#e0dad1
menubar.selectionBackground#e0dad11a
menubar.selectionBorder#e0dad11a
menubar.selectionForeground#2578b3
merge.border#16151200
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#0e0e0c
notifications.foreground#e0dad1
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#0e0e0cff
panel.border#302f2c99
panelSection.dropBackground#e0dad11a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#e0dad1
panelTitle.inactiveForeground#e0dad166
peekView.border#0000004d
peekViewEditor.background#1c1c1a
peekViewEditor.matchHighlightBackground#584f3c
peekViewEditorGutter.background#1c1c1a
peekViewResult.background#1c1c1a
peekViewResult.matchHighlightBackground#584f3c
peekViewResult.selectionBackground#595652b3
peekViewTitle.background#1c1c1a
peekViewTitleDescription.foreground#e0dad199
pickerGroup.border#302f2c
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#0e0e0cff
quickInput.foreground#595652
quickInputList.focusBackground#e0dad126
quickInputList.focusIconForeground#e0dad1
quickInputTitle.background#0e0e0c
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#85817b21
scrollbarSlider.hoverBackground#85817b2e
selection.background#2578b3
settings.checkboxBackground#0e0e0c
settings.checkboxForeground#e0dad1
settings.dropdownBackground#0e0e0c
settings.dropdownForeground#e0dad1
settings.headerForeground#e0dad1
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#0e0e0c
settings.numberInputForeground#e0dad1
settings.textInputBackground#0e0e0c
settings.textInputForeground#e0dad1
sideBar.background#0e0e0c
sideBar.border#302f2c99
sideBar.foreground#595652
sideBarActivityBarTop.border#302f2c99
sideBarSectionHeader.background#0e0e0c
sideBarSectionHeader.border#302f2c99
sideBarStickyScroll.border#302f2c99
sideBarTitle.foreground#e0dad1
statusBar.background#0e0e0c
statusBar.border#302f2c99
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#7d7a74
statusBar.noFolderBackground#0e0e0c
statusBarItem.hoverBackground#4d4a4633
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#161512
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#f0ede8
tab.activeModifiedBorder#2578b300
tab.border#161512
tab.inactiveBackground#161512
tab.inactiveForeground#595652
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#4d4a4600
tab.unfocusedActiveForeground#e0dad1
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#4d4a46
terminal.ansiBrightBlue#7c99f8
terminal.ansiBrightCyan#82e0f7
terminal.ansiBrightGreen#b3e283
terminal.ansiBrightMagenta#bd8ee6
terminal.ansiBrightRed#ef7b8b
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f9cf67
terminal.ansiCyan#82e0f7
terminal.ansiGreen#b3e283
terminal.ansiMagenta#bd8ee6
terminal.ansiRed#ef7b8b
terminal.ansiWhite#ffffff
terminal.ansiYellow#f9cf67
terminalCommandGuide.foreground#393836
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#e0dad1
textLink.foreground#2578b3
textPreformat.background#302f2c99
textPreformat.foreground#e0dad1b3
titleBar.activeBackground#0e0e0c
titleBar.activeForeground#e0dad1
titleBar.border#302f2c99
titleBar.inactiveBackground#0e0e0c
titleBar.inactiveForeground#595652
toolbar.activeBackground#2578b326
toolbar.hoverBackground#e0dad11a
tree.indentGuidesStroke#393836
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#e0dad1	—
string	#b3e283	—
punctuation, constant.other.symbol	#82e0f7	—
constant.character.escape, text.html constant.character.entity.named	#e0dad1	—
constant.language.boolean	#f896b0	—
constant.numeric	#f49167	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#e0dad1	—
keyword.other	#f49167	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#82e0f7	—
entity.name.function, support.function	#7c99f8	—
storage.type, storage.modifier, storage.control	#bd8ee6	—
support.module, support.node	#ef7b8b	italic
support.type, constant.other.key	#f9cf67	—
entity.name.type, entity.other.inherited-class, entity.other	#f9cf67	—
comment	#4d4a46	italic
comment punctuation.definition.comment	#4d4a46	italic
punctuation	#82e0f7	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#f9cf67	—
variable.object.property, meta.field.declaration entity.name.function	#ef7b8b	—
meta.definition.method entity.name.function	#ef7b8b	—
meta.function entity.name.function	#7c99f8	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#82e0f7	—
meta.embedded, source.groovy.embedded, meta.template.expression	#e0dad1	—
entity.name.tag.yaml	#ef7b8b	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#ef7b8b	—
constant.language.json	#82e0f7	—
meta.structure.dictionary.json support.type.property-name.json	#bd8ee6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f9cf67	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f49167	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ef7b8b	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bd906b	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7c99f8	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f896b0	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bd8ee6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#b3e283	—
entity.other.attribute-name.class	#f9cf67	—
entity.other.attribute-name.id	#f49167	—
source.css entity.name.tag	#f9cf67	—
support.type.property-name.css	#a8c1c2	—
meta.tag, punctuation.definition.tag	#82e0f7	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#bd8ee6	—
punctuation.definition.entity.html	#e0dad1	—
markup.heading	#82e0f7	—
text.html.markdown meta.link.inline, meta.link.reference	#ef7b8b	—
text.html.markdown beginning.punctuation.definition.list	#82e0f7	—
markup.italic	#ef7b8b	italic
markup.bold	#ef7b8b	bold
markup.bold markup.italic, markup.italic markup.bold	#ef7b8b	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#b3e283	—
markup.inline.raw.string.markdown	#b3e283	—
markup.quote	#82e0f7	italic
punctuation.definition.quote	#f896b0	—
keyword.other.definition.ini	#ef7b8b	—
entity.name.section.group-title.ini	#82e0f7	—
source.cs meta.class.identifier storage.type	#f9cf67	—
source.cs meta.method.identifier entity.name.function	#ef7b8b	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#7c99f8	—
source.cs storage.type	#f9cf67	—
source.cs meta.method.return-type	#f9cf67	—
source.cs meta.preprocessor	#4d4a46	—
source.cs entity.name.type.namespace	#e0dad1	—
meta.jsx.children, SXNested	#e0dad1	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#e0dad1	—
source.python meta.member.access.python	#ef7b8b	—
source.python meta.function-call.python, meta.function-call.arguments	#7c99f8	—
meta.block	#ef7b8b	—
entity.name.function.call, support.function.builtin	#7c99f8	—
source.php support.other.namespace, source.php meta.use support.class	#e0dad1	—
constant.keyword	#82e0f7	italic
entity.name.function	#7c99f8	—
constant.other.placeholder	#ef7b8b	—
markup.deleted	#ef7b8b	—
markup.inserted	#b3e283	—
markup.underline	—	underline
keyword.control	#82e0f7	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#e0dad1	italic
constant.character.format.placeholder.other.python	#f49167	—
markup.fenced_code.block	#e0dad1e6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Payne

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#2578b3
activityBar.background#1f292e
activityBar.border#1f292e99
activityBar.foreground#d5dddd
activityBar.inactiveForeground#646d71b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#1f292e
activityBarTop.foreground#d5dddd
activityBarTop.inactiveForeground#646d71b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#1f292e99
badge.background#38414599
badge.foreground#d5dddd
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#1f292e
breadcrumb.focusForeground#d5dddd
breadcrumb.foreground#646d71
breadcrumbPicker.background#1f292e
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#1f292e
button.secondaryForeground#d5dddd
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#41494d
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#293337
chat.requestBubbleHoverBackground#293337
chat.requestCodeBorder#424b4f
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#262f3400
commandCenter.activeForeground#d5dddd
commandCenter.border#262f34
commandCenter.foreground#d5dddd99
contrastActiveBorder#1f292e00
contrastBorder#1f292e00
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#1f292e
descriptionForeground#d5ddddcc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#505a5dff
dropdown.background#1f292e
dropdown.border#ffffff0f
editor.background#1f292e
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#d5dddd
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#d5dddd
editor.lineHighlightBackground#38414500
editor.lineHighlightBorder#38414599
editor.selectionBackground#41667680
editor.selectionForeground#d5dddd
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#1f292e
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#505a5d
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#d5dddd0f
editorGroupHeader.tabsBackground#1f292e
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#1f292e
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#41494d
editorIndentGuide.background#41494db3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#646d71
editorLineNumber.foreground#424b4fff
editorLink.activeForeground#d5dddd
editorMarkerNavigation.background#d5dddd0d
editorOverviewRuler.border#1f292e
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#41494d
editorStickyScrollHover.background#4166764d
editorSuggestWidget.background#1f292e
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#d5dddd
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#38414599
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#3c4549ff
editorWidget.background#1f292e
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#d5dddd
extensionButton.background#2578b314
extensionButton.border#2578b314
extensionButton.foreground#2578b3
extensionButton.hoverBackground#2578b333
extensionButton.prominentBackground#2578b314
extensionButton.prominentForeground#2578b3
extensionButton.prominentHoverBackground#2578b333
extensionButton.separator#2578b333
extensionIcon.preReleaseForeground#ffffff1a
extensionIcon.verifiedForeground#b3e283
focusBorder#ffffff00
foreground#d5dddd
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#646d7180
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#d5ddddb3
inlineChatInput.border#ffffff0f
input.background#293337
input.border#ffffff0f
input.foreground#d5dddd
input.placeholderForeground#d5dddd66
inputOption.activeBackground#d5dddd4d
inputOption.activeBorder#d5dddd4d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#1f292e
keybindingLabel.bottomBorder#1f292e
list.activeSelectionBackground#1f292eff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#d5dddd1a
list.dropBetweenBackground#d5dddd1a
list.focusBackground#d5dddd26
list.focusForeground#d5dddd
list.highlightForeground#2578b3
list.hoverBackground#1f292e
list.hoverForeground#eaeeee
list.inactiveSelectionBackground#d5dddd1a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#d5dddd1a
listFilterWidget.noMatchesOutline#d5dddd1a
listFilterWidget.outline#d5dddd1a
menu.background#1f292e
menu.border#262f34
menu.foreground#d5dddd
menu.selectionBackground#38414599
menu.selectionBorder#d5dddd1a
menu.selectionForeground#2578b3
menu.separatorBackground#d5dddd
menubar.selectionBackground#d5dddd1a
menubar.selectionBorder#d5dddd1a
menubar.selectionForeground#2578b3
merge.border#1f292e00
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#1f292e
notifications.foreground#d5dddd
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#1f292eff
panel.border#1f292e99
panelSection.dropBackground#d5dddd1a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#d5dddd
panelTitle.inactiveForeground#d5dddd66
peekView.border#0000004d
peekViewEditor.background#293337
peekViewEditor.matchHighlightBackground#416676
peekViewEditorGutter.background#293337
peekViewResult.background#293337
peekViewResult.matchHighlightBackground#416676
peekViewResult.selectionBackground#646d71b3
peekViewTitle.background#293337
peekViewTitleDescription.foreground#d5dddd99
pickerGroup.border#1f292e
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#1f292eff
quickInput.foreground#646d71
quickInputList.focusBackground#d5dddd26
quickInputList.focusIconForeground#d5dddd
quickInputTitle.background#1f292e
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#838c8e21
scrollbarSlider.hoverBackground#838c8e2e
selection.background#2578b3
settings.checkboxBackground#1f292e
settings.checkboxForeground#d5dddd
settings.dropdownBackground#1f292e
settings.dropdownForeground#d5dddd
settings.headerForeground#d5dddd
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#1f292e
settings.numberInputForeground#d5dddd
settings.textInputBackground#1f292e
settings.textInputForeground#d5dddd
sideBar.background#1f292e
sideBar.border#1f292e99
sideBar.foreground#646d71
sideBarActivityBarTop.border#1f292e99
sideBarSectionHeader.background#1f292e
sideBarSectionHeader.border#1f292e99
sideBarStickyScroll.border#1f292e99
sideBarTitle.foreground#d5dddd
statusBar.background#1f292e
statusBar.border#1f292e99
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#879092
statusBar.noFolderBackground#1f292e
statusBarItem.hoverBackground#505a5d33
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#1f292e
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#eaeeee
tab.activeModifiedBorder#2578b300
tab.border#1f292e
tab.inactiveBackground#1f292e
tab.inactiveForeground#646d71
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#505a5d00
tab.unfocusedActiveForeground#d5dddd
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#505a5d
terminal.ansiBrightBlue#7c99f8
terminal.ansiBrightCyan#82e0f7
terminal.ansiBrightGreen#b3e283
terminal.ansiBrightMagenta#bd8ee6
terminal.ansiBrightRed#ef7b8b
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f9cf67
terminal.ansiCyan#82e0f7
terminal.ansiGreen#b3e283
terminal.ansiMagenta#bd8ee6
terminal.ansiRed#ef7b8b
terminal.ansiWhite#ffffff
terminal.ansiYellow#f9cf67
terminalCommandGuide.foreground#41494d
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#d5dddd
textLink.foreground#2578b3
textPreformat.background#38414599
textPreformat.foreground#d5ddddb3
titleBar.activeBackground#1f292e
titleBar.activeForeground#d5dddd
titleBar.border#1f292e99
titleBar.inactiveBackground#1f292e
titleBar.inactiveForeground#646d71
toolbar.activeBackground#2578b326
toolbar.hoverBackground#d5dddd1a
tree.indentGuidesStroke#41494d
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#d5dddd	—
string	#b3e283	—
punctuation, constant.other.symbol	#82e0f7	—
constant.character.escape, text.html constant.character.entity.named	#d5dddd	—
constant.language.boolean	#f896b0	—
constant.numeric	#f49167	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#d5dddd	—
keyword.other	#f49167	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#82e0f7	—
entity.name.function, support.function	#7c99f8	—
storage.type, storage.modifier, storage.control	#bd8ee6	—
support.module, support.node	#ef7b8b	italic
support.type, constant.other.key	#f9cf67	—
entity.name.type, entity.other.inherited-class, entity.other	#f9cf67	—
comment	#505a5d	italic
comment punctuation.definition.comment	#505a5d	italic
punctuation	#82e0f7	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#f9cf67	—
variable.object.property, meta.field.declaration entity.name.function	#ef7b8b	—
meta.definition.method entity.name.function	#ef7b8b	—
meta.function entity.name.function	#7c99f8	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#82e0f7	—
meta.embedded, source.groovy.embedded, meta.template.expression	#d5dddd	—
entity.name.tag.yaml	#ef7b8b	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#ef7b8b	—
constant.language.json	#82e0f7	—
meta.structure.dictionary.json support.type.property-name.json	#bd8ee6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f9cf67	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f49167	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ef7b8b	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bd906b	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7c99f8	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f896b0	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bd8ee6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#b3e283	—
entity.other.attribute-name.class	#f9cf67	—
entity.other.attribute-name.id	#f49167	—
source.css entity.name.tag	#f9cf67	—
support.type.property-name.css	#a3c5cc	—
meta.tag, punctuation.definition.tag	#82e0f7	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#bd8ee6	—
punctuation.definition.entity.html	#d5dddd	—
markup.heading	#82e0f7	—
text.html.markdown meta.link.inline, meta.link.reference	#ef7b8b	—
text.html.markdown beginning.punctuation.definition.list	#82e0f7	—
markup.italic	#ef7b8b	italic
markup.bold	#ef7b8b	bold
markup.bold markup.italic, markup.italic markup.bold	#ef7b8b	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#b3e283	—
markup.inline.raw.string.markdown	#b3e283	—
markup.quote	#82e0f7	italic
punctuation.definition.quote	#f896b0	—
keyword.other.definition.ini	#ef7b8b	—
entity.name.section.group-title.ini	#82e0f7	—
source.cs meta.class.identifier storage.type	#f9cf67	—
source.cs meta.method.identifier entity.name.function	#ef7b8b	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#7c99f8	—
source.cs storage.type	#f9cf67	—
source.cs meta.method.return-type	#f9cf67	—
source.cs meta.preprocessor	#505a5d	—
source.cs entity.name.type.namespace	#d5dddd	—
meta.jsx.children, SXNested	#d5dddd	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#d5dddd	—
source.python meta.member.access.python	#ef7b8b	—
source.python meta.function-call.python, meta.function-call.arguments	#7c99f8	—
meta.block	#ef7b8b	—
entity.name.function.call, support.function.builtin	#7c99f8	—
source.php support.other.namespace, source.php meta.use support.class	#d5dddd	—
constant.keyword	#82e0f7	italic
entity.name.function	#7c99f8	—
constant.other.placeholder	#ef7b8b	—
markup.deleted	#ef7b8b	—
markup.inserted	#b3e283	—
markup.underline	—	underline
keyword.control	#82e0f7	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#d5dddd	italic
constant.character.format.placeholder.other.python	#f49167	—
markup.fenced_code.block	#d5dddde6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Payne High Contrast

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#2578b3
activityBar.background#141b1e
activityBar.border#38414599
activityBar.foreground#d5dddd
activityBar.inactiveForeground#5a6266b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#141b1e
activityBarTop.foreground#d5dddd
activityBarTop.inactiveForeground#5a6266b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#38414599
badge.background#38414599
badge.foreground#d5dddd
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#1f292e
breadcrumb.focusForeground#d5dddd
breadcrumb.foreground#5a6266
breadcrumbPicker.background#141b1e
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#141b1e
button.secondaryForeground#d5dddd
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#41494d
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#242d30
chat.requestBubbleHoverBackground#242d30
chat.requestCodeBorder#424b4f
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#262f3400
commandCenter.activeForeground#d5dddd
commandCenter.border#262f34
commandCenter.foreground#d5dddd99
contrastActiveBorder#1f292e00
contrastBorder#1f292e00
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#141b1e
descriptionForeground#d5ddddcc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#505a5dff
dropdown.background#141b1e
dropdown.border#ffffff0f
editor.background#1f292e
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#d5dddd
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#d5dddd
editor.lineHighlightBackground#38414500
editor.lineHighlightBorder#38414599
editor.selectionBackground#41667680
editor.selectionForeground#d5dddd
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#1f292e
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#505a5d
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#d5dddd0f
editorGroupHeader.tabsBackground#1f292e
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#141b1e
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#41494d
editorIndentGuide.background#41494db3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#5a6266
editorLineNumber.foreground#424b4fff
editorLink.activeForeground#d5dddd
editorMarkerNavigation.background#d5dddd0d
editorOverviewRuler.border#1f292e
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#41494d
editorStickyScrollHover.background#4166764d
editorSuggestWidget.background#141b1e
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#d5dddd
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#38414599
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#3c4549ff
editorWidget.background#141b1e
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#d5dddd
extensionButton.background#2578b314
extensionButton.border#2578b314
extensionButton.foreground#2578b3
extensionButton.hoverBackground#2578b333
extensionButton.prominentBackground#2578b314
extensionButton.prominentForeground#2578b3
extensionButton.prominentHoverBackground#2578b333
extensionButton.separator#2578b333
extensionIcon.preReleaseForeground#ffffff1a
extensionIcon.verifiedForeground#b3e283
focusBorder#ffffff00
foreground#d5dddd
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#5a626680
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#d5ddddb3
inlineChatInput.border#ffffff0f
input.background#242d30
input.border#ffffff0f
input.foreground#d5dddd
input.placeholderForeground#d5dddd66
inputOption.activeBackground#d5dddd4d
inputOption.activeBorder#d5dddd4d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#384145
keybindingLabel.bottomBorder#384145
list.activeSelectionBackground#141b1eff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#d5dddd1a
list.dropBetweenBackground#d5dddd1a
list.focusBackground#d5dddd26
list.focusForeground#d5dddd
list.highlightForeground#2578b3
list.hoverBackground#141b1e
list.hoverForeground#eaeeee
list.inactiveSelectionBackground#d5dddd1a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#d5dddd1a
listFilterWidget.noMatchesOutline#d5dddd1a
listFilterWidget.outline#d5dddd1a
menu.background#141b1e
menu.border#262f34
menu.foreground#d5dddd
menu.selectionBackground#38414599
menu.selectionBorder#d5dddd1a
menu.selectionForeground#2578b3
menu.separatorBackground#d5dddd
menubar.selectionBackground#d5dddd1a
menubar.selectionBorder#d5dddd1a
menubar.selectionForeground#2578b3
merge.border#1f292e00
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#141b1e
notifications.foreground#d5dddd
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#141b1eff
panel.border#38414599
panelSection.dropBackground#d5dddd1a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#d5dddd
panelTitle.inactiveForeground#d5dddd66
peekView.border#0000004d
peekViewEditor.background#242d30
peekViewEditor.matchHighlightBackground#416676
peekViewEditorGutter.background#242d30
peekViewResult.background#242d30
peekViewResult.matchHighlightBackground#416676
peekViewResult.selectionBackground#5a6266b3
peekViewTitle.background#242d30
peekViewTitleDescription.foreground#d5dddd99
pickerGroup.border#384145
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#141b1eff
quickInput.foreground#5a6266
quickInputList.focusBackground#d5dddd26
quickInputList.focusIconForeground#d5dddd
quickInputTitle.background#141b1e
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#838c8e21
scrollbarSlider.hoverBackground#838c8e2e
selection.background#2578b3
settings.checkboxBackground#141b1e
settings.checkboxForeground#d5dddd
settings.dropdownBackground#141b1e
settings.dropdownForeground#d5dddd
settings.headerForeground#d5dddd
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#141b1e
settings.numberInputForeground#d5dddd
settings.textInputBackground#141b1e
settings.textInputForeground#d5dddd
sideBar.background#141b1e
sideBar.border#38414599
sideBar.foreground#5a6266
sideBarActivityBarTop.border#38414599
sideBarSectionHeader.background#141b1e
sideBarSectionHeader.border#38414599
sideBarStickyScroll.border#38414599
sideBarTitle.foreground#d5dddd
statusBar.background#141b1e
statusBar.border#38414599
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#7c8485
statusBar.noFolderBackground#141b1e
statusBarItem.hoverBackground#505a5d33
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#1f292e
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#eaeeee
tab.activeModifiedBorder#2578b300
tab.border#1f292e
tab.inactiveBackground#1f292e
tab.inactiveForeground#5a6266
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#505a5d00
tab.unfocusedActiveForeground#d5dddd
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#505a5d
terminal.ansiBrightBlue#7c99f8
terminal.ansiBrightCyan#82e0f7
terminal.ansiBrightGreen#b3e283
terminal.ansiBrightMagenta#bd8ee6
terminal.ansiBrightRed#ef7b8b
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f9cf67
terminal.ansiCyan#82e0f7
terminal.ansiGreen#b3e283
terminal.ansiMagenta#bd8ee6
terminal.ansiRed#ef7b8b
terminal.ansiWhite#ffffff
terminal.ansiYellow#f9cf67
terminalCommandGuide.foreground#41494d
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#d5dddd
textLink.foreground#2578b3
textPreformat.background#38414599
textPreformat.foreground#d5ddddb3
titleBar.activeBackground#141b1e
titleBar.activeForeground#d5dddd
titleBar.border#38414599
titleBar.inactiveBackground#141b1e
titleBar.inactiveForeground#5a6266
toolbar.activeBackground#2578b326
toolbar.hoverBackground#d5dddd1a
tree.indentGuidesStroke#41494d
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#d5dddd	—
string	#b3e283	—
punctuation, constant.other.symbol	#82e0f7	—
constant.character.escape, text.html constant.character.entity.named	#d5dddd	—
constant.language.boolean	#f896b0	—
constant.numeric	#f49167	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#d5dddd	—
keyword.other	#f49167	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#82e0f7	—
entity.name.function, support.function	#7c99f8	—
storage.type, storage.modifier, storage.control	#bd8ee6	—
support.module, support.node	#ef7b8b	italic
support.type, constant.other.key	#f9cf67	—
entity.name.type, entity.other.inherited-class, entity.other	#f9cf67	—
comment	#505a5d	italic
comment punctuation.definition.comment	#505a5d	italic
punctuation	#82e0f7	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#f9cf67	—
variable.object.property, meta.field.declaration entity.name.function	#ef7b8b	—
meta.definition.method entity.name.function	#ef7b8b	—
meta.function entity.name.function	#7c99f8	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#82e0f7	—
meta.embedded, source.groovy.embedded, meta.template.expression	#d5dddd	—
entity.name.tag.yaml	#ef7b8b	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#ef7b8b	—
constant.language.json	#82e0f7	—
meta.structure.dictionary.json support.type.property-name.json	#bd8ee6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f9cf67	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f49167	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ef7b8b	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bd906b	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7c99f8	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f896b0	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bd8ee6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#b3e283	—
entity.other.attribute-name.class	#f9cf67	—
entity.other.attribute-name.id	#f49167	—
source.css entity.name.tag	#f9cf67	—
support.type.property-name.css	#a3c5cc	—
meta.tag, punctuation.definition.tag	#82e0f7	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#bd8ee6	—
punctuation.definition.entity.html	#d5dddd	—
markup.heading	#82e0f7	—
text.html.markdown meta.link.inline, meta.link.reference	#ef7b8b	—
text.html.markdown beginning.punctuation.definition.list	#82e0f7	—
markup.italic	#ef7b8b	italic
markup.bold	#ef7b8b	bold
markup.bold markup.italic, markup.italic markup.bold	#ef7b8b	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#b3e283	—
markup.inline.raw.string.markdown	#b3e283	—
markup.quote	#82e0f7	italic
punctuation.definition.quote	#f896b0	—
keyword.other.definition.ini	#ef7b8b	—
entity.name.section.group-title.ini	#82e0f7	—
source.cs meta.class.identifier storage.type	#f9cf67	—
source.cs meta.method.identifier entity.name.function	#ef7b8b	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#7c99f8	—
source.cs storage.type	#f9cf67	—
source.cs meta.method.return-type	#f9cf67	—
source.cs meta.preprocessor	#505a5d	—
source.cs entity.name.type.namespace	#d5dddd	—
meta.jsx.children, SXNested	#d5dddd	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#d5dddd	—
source.python meta.member.access.python	#ef7b8b	—
source.python meta.function-call.python, meta.function-call.arguments	#7c99f8	—
meta.block	#ef7b8b	—
entity.name.function.call, support.function.builtin	#7c99f8	—
source.php support.other.namespace, source.php meta.use support.class	#d5dddd	—
constant.keyword	#82e0f7	italic
entity.name.function	#7c99f8	—
constant.other.placeholder	#ef7b8b	—
markup.deleted	#ef7b8b	—
markup.inserted	#b3e283	—
markup.underline	—	underline
keyword.control	#82e0f7	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#d5dddd	italic
constant.character.format.placeholder.other.python	#f49167	—
markup.fenced_code.block	#d5dddde6	—