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 Basalt

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#1b1f22
activityBar.border#1b1f2299
activityBar.foreground#cedce3
activityBar.inactiveForeground#5f676bb3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#1b1f22
activityBarTop.foreground#cedce3
activityBarTop.inactiveForeground#5f676bb3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#1b1f2299
badge.background#34383a99
badge.foreground#cedce3
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#1b1f22
breadcrumb.focusForeground#cedce3
breadcrumb.foreground#5f676b
breadcrumbPicker.background#1b1f22
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#1b1f22
button.secondaryForeground#cedce3
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#3d4143
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#25292c
chat.requestBubbleHoverBackground#25292c
chat.requestCodeBorder#3d4347
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#22262900
commandCenter.activeForeground#cedce3
commandCenter.border#222629
commandCenter.foreground#cedce399
contrastActiveBorder#1b1f2200
contrastBorder#1b1f2200
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#1b1f22
descriptionForeground#cedce3cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#4b5256ff
dropdown.background#1b1f22
dropdown.border#ffffff0f
editor.background#1b1f22
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#cedce3
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#cedce3
editor.lineHighlightBackground#34383a00
editor.lineHighlightBorder#34383a99
editor.selectionBackground#42576680
editor.selectionForeground#cedce3
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#1b1f22
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#4b5256
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#cedce30f
editorGroupHeader.tabsBackground#1b1f22
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#1b1f22
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#3d4143
editorIndentGuide.background#3d4143b3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#5f676b
editorLineNumber.foreground#3d4347ff
editorLink.activeForeground#cedce3
editorMarkerNavigation.background#cedce30d
editorOverviewRuler.border#1b1f22
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#3d4143
editorStickyScrollHover.background#4257664d
editorSuggestWidget.background#1b1f22
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#cedce3
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#34383a99
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#393c3fff
editorWidget.background#1b1f22
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#cedce3
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#cedce3
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#5f676b80
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#cedce3b3
inlineChatInput.border#ffffff0f
input.background#25292c
input.border#ffffff0f
input.foreground#cedce3
input.placeholderForeground#cedce366
inputOption.activeBackground#cedce34d
inputOption.activeBorder#cedce34d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#1b1f22
keybindingLabel.bottomBorder#1b1f22
list.activeSelectionBackground#1b1f22ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#cedce31a
list.dropBetweenBackground#cedce31a
list.focusBackground#cedce326
list.focusForeground#cedce3
list.highlightForeground#2578b3
list.hoverBackground#1b1f22
list.hoverForeground#e7eef1
list.inactiveSelectionBackground#cedce31a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#cedce31a
listFilterWidget.noMatchesOutline#cedce31a
listFilterWidget.outline#cedce31a
menu.background#1b1f22
menu.border#222629
menu.foreground#cedce3
menu.selectionBackground#34383a99
menu.selectionBorder#cedce31a
menu.selectionForeground#2578b3
menu.separatorBackground#cedce3
menubar.selectionBackground#cedce31a
menubar.selectionBorder#cedce31a
menubar.selectionForeground#2578b3
merge.border#1b1f2200
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#1b1f22
notifications.foreground#cedce3
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#1b1f22ff
panel.border#1b1f2299
panelSection.dropBackground#cedce31a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#cedce3
panelTitle.inactiveForeground#cedce366
peekView.border#0000004d
peekViewEditor.background#25292c
peekViewEditor.matchHighlightBackground#425766
peekViewEditorGutter.background#25292c
peekViewResult.background#25292c
peekViewResult.matchHighlightBackground#425766
peekViewResult.selectionBackground#5f676bb3
peekViewTitle.background#25292c
peekViewTitleDescription.foreground#cedce399
pickerGroup.border#1b1f22
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#1b1f22ff
quickInput.foreground#5f676b
quickInputList.focusBackground#cedce326
quickInputList.focusIconForeground#cedce3
quickInputTitle.background#1b1f22
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#7d878c21
scrollbarSlider.hoverBackground#7d878c2e
selection.background#2578b3
settings.checkboxBackground#1b1f22
settings.checkboxForeground#cedce3
settings.dropdownBackground#1b1f22
settings.dropdownForeground#cedce3
settings.headerForeground#cedce3
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#1b1f22
settings.numberInputForeground#cedce3
settings.textInputBackground#1b1f22
settings.textInputForeground#cedce3
sideBar.background#1b1f22
sideBar.border#1b1f2299
sideBar.foreground#5f676b
sideBarActivityBarTop.border#1b1f2299
sideBarSectionHeader.background#1b1f22
sideBarSectionHeader.border#1b1f2299
sideBarStickyScroll.border#1b1f2299
sideBarTitle.foreground#cedce3
statusBar.background#1b1f22
statusBar.border#1b1f2299
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#7d878c
statusBar.noFolderBackground#1b1f22
statusBarItem.hoverBackground#4b525633
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#1b1f22
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#e7eef1
tab.activeModifiedBorder#2578b300
tab.border#1b1f22
tab.inactiveBackground#1b1f22
tab.inactiveForeground#5f676b
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#4b525600
tab.unfocusedActiveForeground#cedce3
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#4b5256
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#3d4143
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#cedce3
textLink.foreground#2578b3
textPreformat.background#34383a99
textPreformat.foreground#cedce3b3
titleBar.activeBackground#1b1f22
titleBar.activeForeground#cedce3
titleBar.border#1b1f2299
titleBar.inactiveBackground#1b1f22
titleBar.inactiveForeground#5f676b
toolbar.activeBackground#2578b326
toolbar.hoverBackground#cedce31a
tree.indentGuidesStroke#3d4143
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#cedce3	—
string	#b3e283	—
punctuation, constant.other.symbol	#82e0f7	—
constant.character.escape, text.html constant.character.entity.named	#cedce3	—
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	#cedce3	—
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	#4b5256	italic
comment punctuation.definition.comment	#4b5256	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	#cedce3	—
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	#9ec3ce	—
meta.tag, punctuation.definition.tag	#82e0f7	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#bd8ee6	—
punctuation.definition.entity.html	#cedce3	—
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	#4b5256	—
source.cs entity.name.type.namespace	#cedce3	—
meta.jsx.children, SXNested	#cedce3	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#cedce3	—
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	#cedce3	—
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	#cedce3	italic
constant.character.format.placeholder.other.python	#f49167	—
markup.fenced_code.block	#cedce3e6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Basalt 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#121416
activityBar.border#34383a99
activityBar.foreground#cedce3
activityBar.inactiveForeground#565d60b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#121416
activityBarTop.foreground#cedce3
activityBarTop.inactiveForeground#565d60b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#34383a99
badge.background#34383a99
badge.foreground#cedce3
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#1b1f22
breadcrumb.focusForeground#cedce3
breadcrumb.foreground#565d60
breadcrumbPicker.background#121416
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#121416
button.secondaryForeground#cedce3
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#3d4143
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#212427
chat.requestBubbleHoverBackground#212427
chat.requestCodeBorder#3d4347
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#22262900
commandCenter.activeForeground#cedce3
commandCenter.border#222629
commandCenter.foreground#cedce399
contrastActiveBorder#1b1f2200
contrastBorder#1b1f2200
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#121416
descriptionForeground#cedce3cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#4b5256ff
dropdown.background#121416
dropdown.border#ffffff0f
editor.background#1b1f22
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#cedce3
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#cedce3
editor.lineHighlightBackground#34383a00
editor.lineHighlightBorder#34383a99
editor.selectionBackground#42576680
editor.selectionForeground#cedce3
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#1b1f22
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#4b5256
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#cedce30f
editorGroupHeader.tabsBackground#1b1f22
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#121416
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#3d4143
editorIndentGuide.background#3d4143b3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#565d60
editorLineNumber.foreground#3d4347ff
editorLink.activeForeground#cedce3
editorMarkerNavigation.background#cedce30d
editorOverviewRuler.border#1b1f22
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#3d4143
editorStickyScrollHover.background#4257664d
editorSuggestWidget.background#121416
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#cedce3
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#34383a99
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#393c3fff
editorWidget.background#121416
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#cedce3
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#cedce3
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#565d6080
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#cedce3b3
inlineChatInput.border#ffffff0f
input.background#212427
input.border#ffffff0f
input.foreground#cedce3
input.placeholderForeground#cedce366
inputOption.activeBackground#cedce34d
inputOption.activeBorder#cedce34d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#34383a
keybindingLabel.bottomBorder#34383a
list.activeSelectionBackground#121416ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#cedce31a
list.dropBetweenBackground#cedce31a
list.focusBackground#cedce326
list.focusForeground#cedce3
list.highlightForeground#2578b3
list.hoverBackground#121416
list.hoverForeground#e7eef1
list.inactiveSelectionBackground#cedce31a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#cedce31a
listFilterWidget.noMatchesOutline#cedce31a
listFilterWidget.outline#cedce31a
menu.background#121416
menu.border#222629
menu.foreground#cedce3
menu.selectionBackground#34383a99
menu.selectionBorder#cedce31a
menu.selectionForeground#2578b3
menu.separatorBackground#cedce3
menubar.selectionBackground#cedce31a
menubar.selectionBorder#cedce31a
menubar.selectionForeground#2578b3
merge.border#1b1f2200
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#121416
notifications.foreground#cedce3
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#121416ff
panel.border#34383a99
panelSection.dropBackground#cedce31a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#cedce3
panelTitle.inactiveForeground#cedce366
peekView.border#0000004d
peekViewEditor.background#212427
peekViewEditor.matchHighlightBackground#425766
peekViewEditorGutter.background#212427
peekViewResult.background#212427
peekViewResult.matchHighlightBackground#425766
peekViewResult.selectionBackground#565d60b3
peekViewTitle.background#212427
peekViewTitleDescription.foreground#cedce399
pickerGroup.border#34383a
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#121416ff
quickInput.foreground#565d60
quickInputList.focusBackground#cedce326
quickInputList.focusIconForeground#cedce3
quickInputTitle.background#121416
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#7d878c21
scrollbarSlider.hoverBackground#7d878c2e
selection.background#2578b3
settings.checkboxBackground#121416
settings.checkboxForeground#cedce3
settings.dropdownBackground#121416
settings.dropdownForeground#cedce3
settings.headerForeground#cedce3
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#121416
settings.numberInputForeground#cedce3
settings.textInputBackground#121416
settings.textInputForeground#cedce3
sideBar.background#121416
sideBar.border#34383a99
sideBar.foreground#565d60
sideBarActivityBarTop.border#34383a99
sideBarSectionHeader.background#121416
sideBarSectionHeader.border#34383a99
sideBarStickyScroll.border#34383a99
sideBarTitle.foreground#cedce3
statusBar.background#121416
statusBar.border#34383a99
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#788085
statusBar.noFolderBackground#121416
statusBarItem.hoverBackground#4b525633
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#1b1f22
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#e7eef1
tab.activeModifiedBorder#2578b300
tab.border#1b1f22
tab.inactiveBackground#1b1f22
tab.inactiveForeground#565d60
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#4b525600
tab.unfocusedActiveForeground#cedce3
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#4b5256
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#3d4143
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#cedce3
textLink.foreground#2578b3
textPreformat.background#34383a99
textPreformat.foreground#cedce3b3
titleBar.activeBackground#121416
titleBar.activeForeground#cedce3
titleBar.border#34383a99
titleBar.inactiveBackground#121416
titleBar.inactiveForeground#565d60
toolbar.activeBackground#2578b326
toolbar.hoverBackground#cedce31a
tree.indentGuidesStroke#3d4143
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#cedce3	—
string	#b3e283	—
punctuation, constant.other.symbol	#82e0f7	—
constant.character.escape, text.html constant.character.entity.named	#cedce3	—
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	#cedce3	—
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	#4b5256	italic
comment punctuation.definition.comment	#4b5256	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	#cedce3	—
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	#9ec3ce	—
meta.tag, punctuation.definition.tag	#82e0f7	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#bd8ee6	—
punctuation.definition.entity.html	#cedce3	—
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	#4b5256	—
source.cs entity.name.type.namespace	#cedce3	—
meta.jsx.children, SXNested	#cedce3	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#cedce3	—
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	#cedce3	—
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	#cedce3	italic
constant.character.format.placeholder.other.python	#f49167	—
markup.fenced_code.block	#cedce3e6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Bole

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#221c1c
activityBar.border#221c1c99
activityBar.foreground#e3d4ce
activityBar.inactiveForeground#6b6260b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#221c1c
activityBarTop.foreground#e3d4ce
activityBarTop.inactiveForeground#6b6260b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#221c1c99
badge.background#3a353599
badge.foreground#e3d4ce
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#221c1c
breadcrumb.focusForeground#e3d4ce
breadcrumb.foreground#6b6260
breadcrumbPicker.background#221c1c
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#221c1c
button.secondaryForeground#e3d4ce
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#433e3e
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#2c2626
chat.requestBubbleHoverBackground#2c2626
chat.requestCodeBorder#473f3e
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#29232300
commandCenter.activeForeground#e3d4ce
commandCenter.border#292323
commandCenter.foreground#e3d4ce99
contrastActiveBorder#221c1c00
contrastBorder#221c1c00
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#221c1c
descriptionForeground#e3d4cecc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#564e4cff
dropdown.background#221c1c
dropdown.border#ffffff0f
editor.background#221c1c
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#e3d4ce
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#e3d4ce
editor.lineHighlightBackground#3a353500
editor.lineHighlightBorder#3a353599
editor.selectionBackground#64474480
editor.selectionForeground#e3d4ce
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#221c1c
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#564e4c
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#e3d4ce0f
editorGroupHeader.tabsBackground#221c1c
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#221c1c
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#433e3e
editorIndentGuide.background#433e3eb3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#6b6260
editorLineNumber.foreground#473f3eff
editorLink.activeForeground#e3d4ce
editorMarkerNavigation.background#e3d4ce0d
editorOverviewRuler.border#221c1c
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#433e3e
editorStickyScrollHover.background#6447444d
editorSuggestWidget.background#221c1c
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#e3d4ce
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#3a353599
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#3f3a3aff
editorWidget.background#221c1c
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#e3d4ce
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#e3d4ce
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#6b626080
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#e3d4ceb3
inlineChatInput.border#ffffff0f
input.background#2c2626
input.border#ffffff0f
input.foreground#e3d4ce
input.placeholderForeground#e3d4ce66
inputOption.activeBackground#e3d4ce4d
inputOption.activeBorder#e3d4ce4d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#221c1c
keybindingLabel.bottomBorder#221c1c
list.activeSelectionBackground#221c1cff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#e3d4ce1a
list.dropBetweenBackground#e3d4ce1a
list.focusBackground#e3d4ce26
list.focusForeground#e3d4ce
list.highlightForeground#2578b3
list.hoverBackground#221c1c
list.hoverForeground#f1eae7
list.inactiveSelectionBackground#e3d4ce1a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#e3d4ce1a
listFilterWidget.noMatchesOutline#e3d4ce1a
listFilterWidget.outline#e3d4ce1a
menu.background#221c1c
menu.border#292323
menu.foreground#e3d4ce
menu.selectionBackground#3a353599
menu.selectionBorder#e3d4ce1a
menu.selectionForeground#2578b3
menu.separatorBackground#e3d4ce
menubar.selectionBackground#e3d4ce1a
menubar.selectionBorder#e3d4ce1a
menubar.selectionForeground#2578b3
merge.border#221c1c00
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#221c1c
notifications.foreground#e3d4ce
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#221c1cff
panel.border#221c1c99
panelSection.dropBackground#e3d4ce1a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#e3d4ce
panelTitle.inactiveForeground#e3d4ce66
peekView.border#0000004d
peekViewEditor.background#2c2626
peekViewEditor.matchHighlightBackground#644744
peekViewEditorGutter.background#2c2626
peekViewResult.background#2c2626
peekViewResult.matchHighlightBackground#644744
peekViewResult.selectionBackground#6b6260b3
peekViewTitle.background#2c2626
peekViewTitleDescription.foreground#e3d4ce99
pickerGroup.border#221c1c
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#221c1cff
quickInput.foreground#6b6260
quickInputList.focusBackground#e3d4ce26
quickInputList.focusIconForeground#e3d4ce
quickInputTitle.background#221c1c
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#8c817e21
scrollbarSlider.hoverBackground#8c817e2e
selection.background#2578b3
settings.checkboxBackground#221c1c
settings.checkboxForeground#e3d4ce
settings.dropdownBackground#221c1c
settings.dropdownForeground#e3d4ce
settings.headerForeground#e3d4ce
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#221c1c
settings.numberInputForeground#e3d4ce
settings.textInputBackground#221c1c
settings.textInputForeground#e3d4ce
sideBar.background#221c1c
sideBar.border#221c1c99
sideBar.foreground#6b6260
sideBarActivityBarTop.border#221c1c99
sideBarSectionHeader.background#221c1c
sideBarSectionHeader.border#221c1c99
sideBarStickyScroll.border#221c1c99
sideBarTitle.foreground#e3d4ce
statusBar.background#221c1c
statusBar.border#221c1c99
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#8e8380
statusBar.noFolderBackground#221c1c
statusBarItem.hoverBackground#564e4c33
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#221c1c
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#f1eae7
tab.activeModifiedBorder#2578b300
tab.border#221c1c
tab.inactiveBackground#221c1c
tab.inactiveForeground#6b6260
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#564e4c00
tab.unfocusedActiveForeground#e3d4ce
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#564e4c
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#433e3e
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#e3d4ce
textLink.foreground#2578b3
textPreformat.background#3a353599
textPreformat.foreground#e3d4ceb3
titleBar.activeBackground#221c1c
titleBar.activeForeground#e3d4ce
titleBar.border#221c1c99
titleBar.inactiveBackground#221c1c
titleBar.inactiveForeground#6b6260
toolbar.activeBackground#2578b326
toolbar.hoverBackground#e3d4ce1a
tree.indentGuidesStroke#433e3e
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#e3d4ce	—
string	#b3e283	—
punctuation, constant.other.symbol	#82e0f7	—
constant.character.escape, text.html constant.character.entity.named	#e3d4ce	—
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	#e3d4ce	—
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	#564e4c	italic
comment punctuation.definition.comment	#564e4c	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	#e3d4ce	—
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	#abbec1	—
meta.tag, punctuation.definition.tag	#82e0f7	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#bd8ee6	—
punctuation.definition.entity.html	#e3d4ce	—
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	#564e4c	—
source.cs entity.name.type.namespace	#e3d4ce	—
meta.jsx.children, SXNested	#e3d4ce	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#e3d4ce	—
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	#e3d4ce	—
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	#e3d4ce	italic
constant.character.format.placeholder.other.python	#f49167	—
markup.fenced_code.block	#e3d4cee6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Bole 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#161212
activityBar.border#3a353599
activityBar.foreground#e3d4ce
activityBar.inactiveForeground#605856b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#161212
activityBarTop.foreground#e3d4ce
activityBarTop.inactiveForeground#605856b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#3a353599
badge.background#3a353599
badge.foreground#e3d4ce
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#221c1c
breadcrumb.focusForeground#e3d4ce
breadcrumb.foreground#605856
breadcrumbPicker.background#161212
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#161212
button.secondaryForeground#e3d4ce
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#433e3e
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#272121
chat.requestBubbleHoverBackground#272121
chat.requestCodeBorder#473f3e
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#29232300
commandCenter.activeForeground#e3d4ce
commandCenter.border#292323
commandCenter.foreground#e3d4ce99
contrastActiveBorder#221c1c00
contrastBorder#221c1c00
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#161212
descriptionForeground#e3d4cecc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#564e4cff
dropdown.background#161212
dropdown.border#ffffff0f
editor.background#221c1c
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#e3d4ce
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#e3d4ce
editor.lineHighlightBackground#3a353500
editor.lineHighlightBorder#3a353599
editor.selectionBackground#64474480
editor.selectionForeground#e3d4ce
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#221c1c
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#564e4c
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#e3d4ce0f
editorGroupHeader.tabsBackground#221c1c
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#161212
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#433e3e
editorIndentGuide.background#433e3eb3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#605856
editorLineNumber.foreground#473f3eff
editorLink.activeForeground#e3d4ce
editorMarkerNavigation.background#e3d4ce0d
editorOverviewRuler.border#221c1c
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#433e3e
editorStickyScrollHover.background#6447444d
editorSuggestWidget.background#161212
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#e3d4ce
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#3a353599
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#3f3a3aff
editorWidget.background#161212
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#e3d4ce
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#e3d4ce
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#60585680
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#e3d4ceb3
inlineChatInput.border#ffffff0f
input.background#272121
input.border#ffffff0f
input.foreground#e3d4ce
input.placeholderForeground#e3d4ce66
inputOption.activeBackground#e3d4ce4d
inputOption.activeBorder#e3d4ce4d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#3a3535
keybindingLabel.bottomBorder#3a3535
list.activeSelectionBackground#161212ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#e3d4ce1a
list.dropBetweenBackground#e3d4ce1a
list.focusBackground#e3d4ce26
list.focusForeground#e3d4ce
list.highlightForeground#2578b3
list.hoverBackground#161212
list.hoverForeground#f1eae7
list.inactiveSelectionBackground#e3d4ce1a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#e3d4ce1a
listFilterWidget.noMatchesOutline#e3d4ce1a
listFilterWidget.outline#e3d4ce1a
menu.background#161212
menu.border#292323
menu.foreground#e3d4ce
menu.selectionBackground#3a353599
menu.selectionBorder#e3d4ce1a
menu.selectionForeground#2578b3
menu.separatorBackground#e3d4ce
menubar.selectionBackground#e3d4ce1a
menubar.selectionBorder#e3d4ce1a
menubar.selectionForeground#2578b3
merge.border#221c1c00
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#161212
notifications.foreground#e3d4ce
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#161212ff
panel.border#3a353599
panelSection.dropBackground#e3d4ce1a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#e3d4ce
panelTitle.inactiveForeground#e3d4ce66
peekView.border#0000004d
peekViewEditor.background#272121
peekViewEditor.matchHighlightBackground#644744
peekViewEditorGutter.background#272121
peekViewResult.background#272121
peekViewResult.matchHighlightBackground#644744
peekViewResult.selectionBackground#605856b3
peekViewTitle.background#272121
peekViewTitleDescription.foreground#e3d4ce99
pickerGroup.border#3a3535
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#161212ff
quickInput.foreground#605856
quickInputList.focusBackground#e3d4ce26
quickInputList.focusIconForeground#e3d4ce
quickInputTitle.background#161212
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#8c817e21
scrollbarSlider.hoverBackground#8c817e2e
selection.background#2578b3
settings.checkboxBackground#161212
settings.checkboxForeground#e3d4ce
settings.dropdownBackground#161212
settings.dropdownForeground#e3d4ce
settings.headerForeground#e3d4ce
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#161212
settings.numberInputForeground#e3d4ce
settings.textInputBackground#161212
settings.textInputForeground#e3d4ce
sideBar.background#161212
sideBar.border#3a353599
sideBar.foreground#605856
sideBarActivityBarTop.border#3a353599
sideBarSectionHeader.background#161212
sideBarSectionHeader.border#3a353599
sideBarStickyScroll.border#3a353599
sideBarTitle.foreground#e3d4ce
statusBar.background#161212
statusBar.border#3a353599
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#857b78
statusBar.noFolderBackground#161212
statusBarItem.hoverBackground#564e4c33
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#221c1c
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#f1eae7
tab.activeModifiedBorder#2578b300
tab.border#221c1c
tab.inactiveBackground#221c1c
tab.inactiveForeground#605856
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#564e4c00
tab.unfocusedActiveForeground#e3d4ce
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#564e4c
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#433e3e
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#e3d4ce
textLink.foreground#2578b3
textPreformat.background#3a353599
textPreformat.foreground#e3d4ceb3
titleBar.activeBackground#161212
titleBar.activeForeground#e3d4ce
titleBar.border#3a353599
titleBar.inactiveBackground#161212
titleBar.inactiveForeground#605856
toolbar.activeBackground#2578b326
toolbar.hoverBackground#e3d4ce1a
tree.indentGuidesStroke#433e3e
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#e3d4ce	—
string	#b3e283	—
punctuation, constant.other.symbol	#82e0f7	—
constant.character.escape, text.html constant.character.entity.named	#e3d4ce	—
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	#e3d4ce	—
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	#564e4c	italic
comment punctuation.definition.comment	#564e4c	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	#e3d4ce	—
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	#abbec1	—
meta.tag, punctuation.definition.tag	#82e0f7	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#bd8ee6	—
punctuation.definition.entity.html	#e3d4ce	—
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	#564e4c	—
source.cs entity.name.type.namespace	#e3d4ce	—
meta.jsx.children, SXNested	#e3d4ce	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#e3d4ce	—
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	#e3d4ce	—
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	#e3d4ce	italic
constant.character.format.placeholder.other.python	#f49167	—
markup.fenced_code.block	#e3d4cee6	—