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 Smalt

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#252837
activityBar.border#25283799
activityBar.foreground#cfd1e3
activityBar.inactiveForeground#666878b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#252837
activityBarTop.foreground#cfd1e3
activityBarTop.inactiveForeground#666878b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#25283799
badge.background#3d404d99
badge.foreground#cfd1e3
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#252837
breadcrumb.focusForeground#cfd1e3
breadcrumb.foreground#666878
breadcrumbPicker.background#252837
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#252837
button.secondaryForeground#cfd1e3
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#464855
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#2f3240
chat.requestBubbleHoverBackground#2f3240
chat.requestCodeBorder#454858
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#2c2e3d00
commandCenter.activeForeground#cfd1e3
commandCenter.border#2c2e3d
commandCenter.foreground#cfd1e399
contrastActiveBorder#25283700
contrastBorder#25283700
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#252837
descriptionForeground#cfd1e3cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#535665ff
dropdown.background#252837
dropdown.border#ffffff0f
editor.background#252837
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#cfd1e3
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#cfd1e3
editor.lineHighlightBackground#3d404d00
editor.lineHighlightBorder#3d404d99
editor.selectionBackground#48517f80
editor.selectionForeground#cfd1e3
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#252837
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#535665
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#cfd1e30f
editorGroupHeader.tabsBackground#252837
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#252837
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#464855
editorIndentGuide.background#464855b3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#666878
editorLineNumber.foreground#454858ff
editorLink.activeForeground#cfd1e3
editorMarkerNavigation.background#cfd1e30d
editorOverviewRuler.border#252837
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#464855
editorStickyScrollHover.background#48517f4d
editorSuggestWidget.background#252837
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#cfd1e3
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#3d404d99
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#414451ff
editorWidget.background#252837
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#cfd1e3
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#cfd1e3
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#66687880
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#cfd1e3b3
inlineChatInput.border#ffffff0f
input.background#2f3240
input.border#ffffff0f
input.foreground#cfd1e3
input.placeholderForeground#cfd1e366
inputOption.activeBackground#cfd1e34d
inputOption.activeBorder#cfd1e34d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#252837
keybindingLabel.bottomBorder#252837
list.activeSelectionBackground#252837ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#cfd1e31a
list.dropBetweenBackground#cfd1e31a
list.focusBackground#cfd1e326
list.focusForeground#cfd1e3
list.highlightForeground#2578b3
list.hoverBackground#252837
list.hoverForeground#e7e8f1
list.inactiveSelectionBackground#cfd1e31a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#cfd1e31a
listFilterWidget.noMatchesOutline#cfd1e31a
listFilterWidget.outline#cfd1e31a
menu.background#252837
menu.border#2c2e3d
menu.foreground#cfd1e3
menu.selectionBackground#3d404d99
menu.selectionBorder#cfd1e31a
menu.selectionForeground#2578b3
menu.separatorBackground#cfd1e3
menubar.selectionBackground#cfd1e31a
menubar.selectionBorder#cfd1e31a
menubar.selectionForeground#2578b3
merge.border#25283700
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#252837
notifications.foreground#cfd1e3
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#252837ff
panel.border#25283799
panelSection.dropBackground#cfd1e31a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#cfd1e3
panelTitle.inactiveForeground#cfd1e366
peekView.border#0000004d
peekViewEditor.background#2f3240
peekViewEditor.matchHighlightBackground#48517f
peekViewEditorGutter.background#2f3240
peekViewResult.background#2f3240
peekViewResult.matchHighlightBackground#48517f
peekViewResult.selectionBackground#666878b3
peekViewTitle.background#2f3240
peekViewTitleDescription.foreground#cfd1e399
pickerGroup.border#252837
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#252837ff
quickInput.foreground#666878
quickInputList.focusBackground#cfd1e326
quickInputList.focusIconForeground#cfd1e3
quickInputTitle.background#252837
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#83859621
scrollbarSlider.hoverBackground#8385962e
selection.background#2578b3
settings.checkboxBackground#252837
settings.checkboxForeground#cfd1e3
settings.dropdownBackground#252837
settings.dropdownForeground#cfd1e3
settings.headerForeground#cfd1e3
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#252837
settings.numberInputForeground#cfd1e3
settings.textInputBackground#252837
settings.textInputForeground#cfd1e3
sideBar.background#252837
sideBar.border#25283799
sideBar.foreground#666878
sideBarActivityBarTop.border#25283799
sideBarSectionHeader.background#252837
sideBarSectionHeader.border#25283799
sideBarStickyScroll.border#25283799
sideBarTitle.foreground#cfd1e3
statusBar.background#252837
statusBar.border#25283799
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#8d8fa0
statusBar.noFolderBackground#252837
statusBarItem.hoverBackground#53566533
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#252837
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#e7e8f1
tab.activeModifiedBorder#2578b300
tab.border#252837
tab.inactiveBackground#252837
tab.inactiveForeground#666878
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#53566500
tab.unfocusedActiveForeground#cfd1e3
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#535665
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#464855
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#cfd1e3
textLink.foreground#2578b3
textPreformat.background#3d404d99
textPreformat.foreground#cfd1e3b3
titleBar.activeBackground#252837
titleBar.activeForeground#cfd1e3
titleBar.border#25283799
titleBar.inactiveBackground#252837
titleBar.inactiveForeground#666878
toolbar.activeBackground#2578b326
toolbar.hoverBackground#cfd1e31a
tree.indentGuidesStroke#464855
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

VS Code preview

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

Chromaleon Theme — Chromaleon Smalt 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#181a24
activityBar.border#3d404d99
activityBar.foreground#cfd1e3
activityBar.inactiveForeground#5c5e6cb3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#181a24
activityBarTop.foreground#cfd1e3
activityBarTop.inactiveForeground#5c5e6cb3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#3d404d99
badge.background#3d404d99
badge.foreground#cfd1e3
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#252837
breadcrumb.focusForeground#cfd1e3
breadcrumb.foreground#5c5e6c
breadcrumbPicker.background#181a24
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#181a24
button.secondaryForeground#cfd1e3
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#464855
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#292c38
chat.requestBubbleHoverBackground#292c38
chat.requestCodeBorder#454858
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#2c2e3d00
commandCenter.activeForeground#cfd1e3
commandCenter.border#2c2e3d
commandCenter.foreground#cfd1e399
contrastActiveBorder#25283700
contrastBorder#25283700
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#181a24
descriptionForeground#cfd1e3cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#535665ff
dropdown.background#181a24
dropdown.border#ffffff0f
editor.background#252837
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#cfd1e3
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#cfd1e3
editor.lineHighlightBackground#3d404d00
editor.lineHighlightBorder#3d404d99
editor.selectionBackground#48517f80
editor.selectionForeground#cfd1e3
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#252837
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#535665
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#cfd1e30f
editorGroupHeader.tabsBackground#252837
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#181a24
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#464855
editorIndentGuide.background#464855b3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#5c5e6c
editorLineNumber.foreground#454858ff
editorLink.activeForeground#cfd1e3
editorMarkerNavigation.background#cfd1e30d
editorOverviewRuler.border#252837
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#464855
editorStickyScrollHover.background#48517f4d
editorSuggestWidget.background#181a24
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#cfd1e3
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#3d404d99
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#414451ff
editorWidget.background#181a24
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#cfd1e3
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#cfd1e3
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#5c5e6c80
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#cfd1e3b3
inlineChatInput.border#ffffff0f
input.background#292c38
input.border#ffffff0f
input.foreground#cfd1e3
input.placeholderForeground#cfd1e366
inputOption.activeBackground#cfd1e34d
inputOption.activeBorder#cfd1e34d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#3d404d
keybindingLabel.bottomBorder#3d404d
list.activeSelectionBackground#181a24ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#cfd1e31a
list.dropBetweenBackground#cfd1e31a
list.focusBackground#cfd1e326
list.focusForeground#cfd1e3
list.highlightForeground#2578b3
list.hoverBackground#181a24
list.hoverForeground#e7e8f1
list.inactiveSelectionBackground#cfd1e31a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#cfd1e31a
listFilterWidget.noMatchesOutline#cfd1e31a
listFilterWidget.outline#cfd1e31a
menu.background#181a24
menu.border#2c2e3d
menu.foreground#cfd1e3
menu.selectionBackground#3d404d99
menu.selectionBorder#cfd1e31a
menu.selectionForeground#2578b3
menu.separatorBackground#cfd1e3
menubar.selectionBackground#cfd1e31a
menubar.selectionBorder#cfd1e31a
menubar.selectionForeground#2578b3
merge.border#25283700
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#181a24
notifications.foreground#cfd1e3
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#181a24ff
panel.border#3d404d99
panelSection.dropBackground#cfd1e31a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#cfd1e3
panelTitle.inactiveForeground#cfd1e366
peekView.border#0000004d
peekViewEditor.background#292c38
peekViewEditor.matchHighlightBackground#48517f
peekViewEditorGutter.background#292c38
peekViewResult.background#292c38
peekViewResult.matchHighlightBackground#48517f
peekViewResult.selectionBackground#5c5e6cb3
peekViewTitle.background#292c38
peekViewTitleDescription.foreground#cfd1e399
pickerGroup.border#3d404d
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#181a24ff
quickInput.foreground#5c5e6c
quickInputList.focusBackground#cfd1e326
quickInputList.focusIconForeground#cfd1e3
quickInputTitle.background#181a24
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#83859621
scrollbarSlider.hoverBackground#8385962e
selection.background#2578b3
settings.checkboxBackground#181a24
settings.checkboxForeground#cfd1e3
settings.dropdownBackground#181a24
settings.dropdownForeground#cfd1e3
settings.headerForeground#cfd1e3
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#181a24
settings.numberInputForeground#cfd1e3
settings.textInputBackground#181a24
settings.textInputForeground#cfd1e3
sideBar.background#181a24
sideBar.border#3d404d99
sideBar.foreground#5c5e6c
sideBarActivityBarTop.border#3d404d99
sideBarSectionHeader.background#181a24
sideBarSectionHeader.border#3d404d99
sideBarStickyScroll.border#3d404d99
sideBarTitle.foreground#cfd1e3
statusBar.background#181a24
statusBar.border#3d404d99
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#808291
statusBar.noFolderBackground#181a24
statusBarItem.hoverBackground#53566533
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#252837
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#e7e8f1
tab.activeModifiedBorder#2578b300
tab.border#252837
tab.inactiveBackground#252837
tab.inactiveForeground#5c5e6c
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#53566500
tab.unfocusedActiveForeground#cfd1e3
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#535665
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#464855
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#cfd1e3
textLink.foreground#2578b3
textPreformat.background#3d404d99
textPreformat.foreground#cfd1e3b3
titleBar.activeBackground#181a24
titleBar.activeForeground#cfd1e3
titleBar.border#3d404d99
titleBar.inactiveBackground#181a24
titleBar.inactiveForeground#5c5e6c
toolbar.activeBackground#2578b326
toolbar.hoverBackground#cfd1e31a
tree.indentGuidesStroke#464855
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

VS Code preview

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

Chromaleon Theme — Chromaleon Tyrian

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#161118
activityBar.border#16111899
activityBar.foreground#dcd0e2
activityBar.inactiveForeground#615a65b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#161118
activityBarTop.foreground#dcd0e2
activityBarTop.inactiveForeground#615a65b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#16111899
badge.background#302b3199
badge.foreground#dcd0e2
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#161118
breadcrumb.focusForeground#dcd0e2
breadcrumb.foreground#615a65
breadcrumbPicker.background#161118
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#161118
button.secondaryForeground#dcd0e2
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#39353b
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#201c22
chat.requestBubbleHoverBackground#201c22
chat.requestCodeBorder#3c353e
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#1d181f00
commandCenter.activeForeground#dcd0e2
commandCenter.border#1d181f
commandCenter.foreground#dcd0e299
contrastActiveBorder#16111800
contrastBorder#16111800
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#161118
descriptionForeground#dcd0e2cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#4b454fff
dropdown.background#161118
dropdown.border#ffffff0f
editor.background#161118
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#dcd0e2
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#dcd0e2
editor.lineHighlightBackground#302b3100
editor.lineHighlightBorder#302b3199
editor.selectionBackground#50365e80
editor.selectionForeground#dcd0e2
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#161118
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#4b454f
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#dcd0e20f
editorGroupHeader.tabsBackground#161118
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#161118
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#39353b
editorIndentGuide.background#39353bb3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#615a65
editorLineNumber.foreground#3c353eff
editorLink.activeForeground#dcd0e2
editorMarkerNavigation.background#dcd0e20d
editorOverviewRuler.border#161118
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#39353b
editorStickyScrollHover.background#50365e4d
editorSuggestWidget.background#161118
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#dcd0e2
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#302b3199
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#343036ff
editorWidget.background#161118
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#dcd0e2
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#dcd0e2
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#615a6580
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#dcd0e2b3
inlineChatInput.border#ffffff0f
input.background#201c22
input.border#ffffff0f
input.foreground#dcd0e2
input.placeholderForeground#dcd0e266
inputOption.activeBackground#dcd0e24d
inputOption.activeBorder#dcd0e24d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#161118
keybindingLabel.bottomBorder#161118
list.activeSelectionBackground#161118ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#dcd0e21a
list.dropBetweenBackground#dcd0e21a
list.focusBackground#dcd0e226
list.focusForeground#dcd0e2
list.highlightForeground#2578b3
list.hoverBackground#161118
list.hoverForeground#eee8f1
list.inactiveSelectionBackground#dcd0e21a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#dcd0e21a
listFilterWidget.noMatchesOutline#dcd0e21a
listFilterWidget.outline#dcd0e21a
menu.background#161118
menu.border#1d181f
menu.foreground#dcd0e2
menu.selectionBackground#302b3199
menu.selectionBorder#dcd0e21a
menu.selectionForeground#2578b3
menu.separatorBackground#dcd0e2
menubar.selectionBackground#dcd0e21a
menubar.selectionBorder#dcd0e21a
menubar.selectionForeground#2578b3
merge.border#16111800
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#161118
notifications.foreground#dcd0e2
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#161118ff
panel.border#16111899
panelSection.dropBackground#dcd0e21a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#dcd0e2
panelTitle.inactiveForeground#dcd0e266
peekView.border#0000004d
peekViewEditor.background#201c22
peekViewEditor.matchHighlightBackground#50365e
peekViewEditorGutter.background#201c22
peekViewResult.background#201c22
peekViewResult.matchHighlightBackground#50365e
peekViewResult.selectionBackground#615a65b3
peekViewTitle.background#201c22
peekViewTitleDescription.foreground#dcd0e299
pickerGroup.border#161118
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#161118ff
quickInput.foreground#615a65
quickInputList.focusBackground#dcd0e226
quickInputList.focusIconForeground#dcd0e2
quickInputTitle.background#161118
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#837a8721
scrollbarSlider.hoverBackground#837a872e
selection.background#2578b3
settings.checkboxBackground#161118
settings.checkboxForeground#dcd0e2
settings.dropdownBackground#161118
settings.dropdownForeground#dcd0e2
settings.headerForeground#dcd0e2
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#161118
settings.numberInputForeground#dcd0e2
settings.textInputBackground#161118
settings.textInputForeground#dcd0e2
sideBar.background#161118
sideBar.border#16111899
sideBar.foreground#615a65
sideBarActivityBarTop.border#16111899
sideBarSectionHeader.background#161118
sideBarSectionHeader.border#16111899
sideBarStickyScroll.border#16111899
sideBarTitle.foreground#dcd0e2
statusBar.background#161118
statusBar.border#16111899
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#837a87
statusBar.noFolderBackground#161118
statusBarItem.hoverBackground#4b454f33
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#161118
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#eee8f1
tab.activeModifiedBorder#2578b300
tab.border#161118
tab.inactiveBackground#161118
tab.inactiveForeground#615a65
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#4b454f00
tab.unfocusedActiveForeground#dcd0e2
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#4b454f
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#39353b
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#dcd0e2
textLink.foreground#2578b3
textPreformat.background#302b3199
textPreformat.foreground#dcd0e2b3
titleBar.activeBackground#161118
titleBar.activeForeground#dcd0e2
titleBar.border#16111899
titleBar.inactiveBackground#161118
titleBar.inactiveForeground#615a65
toolbar.activeBackground#2578b326
toolbar.hoverBackground#dcd0e21a
tree.indentGuidesStroke#39353b
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

VS Code preview

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

Chromaleon Theme — Chromaleon Tyrian 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#0e0b10
activityBar.border#302b3199
activityBar.foreground#dcd0e2
activityBar.inactiveForeground#57515bb3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#0e0b10
activityBarTop.foreground#dcd0e2
activityBarTop.inactiveForeground#57515bb3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#302b3199
badge.background#302b3199
badge.foreground#dcd0e2
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#161118
breadcrumb.focusForeground#dcd0e2
breadcrumb.foreground#57515b
breadcrumbPicker.background#0e0b10
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#0e0b10
button.secondaryForeground#dcd0e2
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#39353b
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#1c191e
chat.requestBubbleHoverBackground#1c191e
chat.requestCodeBorder#3c353e
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#1d181f00
commandCenter.activeForeground#dcd0e2
commandCenter.border#1d181f
commandCenter.foreground#dcd0e299
contrastActiveBorder#16111800
contrastBorder#16111800
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#0e0b10
descriptionForeground#dcd0e2cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#4b454fff
dropdown.background#0e0b10
dropdown.border#ffffff0f
editor.background#161118
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#dcd0e2
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#dcd0e2
editor.lineHighlightBackground#302b3100
editor.lineHighlightBorder#302b3199
editor.selectionBackground#50365e80
editor.selectionForeground#dcd0e2
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#161118
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#4b454f
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#dcd0e20f
editorGroupHeader.tabsBackground#161118
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#0e0b10
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#39353b
editorIndentGuide.background#39353bb3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#57515b
editorLineNumber.foreground#3c353eff
editorLink.activeForeground#dcd0e2
editorMarkerNavigation.background#dcd0e20d
editorOverviewRuler.border#161118
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#39353b
editorStickyScrollHover.background#50365e4d
editorSuggestWidget.background#0e0b10
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#dcd0e2
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#302b3199
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#343036ff
editorWidget.background#0e0b10
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#dcd0e2
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#dcd0e2
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#57515b80
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#dcd0e2b3
inlineChatInput.border#ffffff0f
input.background#1c191e
input.border#ffffff0f
input.foreground#dcd0e2
input.placeholderForeground#dcd0e266
inputOption.activeBackground#dcd0e24d
inputOption.activeBorder#dcd0e24d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#302b31
keybindingLabel.bottomBorder#302b31
list.activeSelectionBackground#0e0b10ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#dcd0e21a
list.dropBetweenBackground#dcd0e21a
list.focusBackground#dcd0e226
list.focusForeground#dcd0e2
list.highlightForeground#2578b3
list.hoverBackground#0e0b10
list.hoverForeground#eee8f1
list.inactiveSelectionBackground#dcd0e21a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#dcd0e21a
listFilterWidget.noMatchesOutline#dcd0e21a
listFilterWidget.outline#dcd0e21a
menu.background#0e0b10
menu.border#1d181f
menu.foreground#dcd0e2
menu.selectionBackground#302b3199
menu.selectionBorder#dcd0e21a
menu.selectionForeground#2578b3
menu.separatorBackground#dcd0e2
menubar.selectionBackground#dcd0e21a
menubar.selectionBorder#dcd0e21a
menubar.selectionForeground#2578b3
merge.border#16111800
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#0e0b10
notifications.foreground#dcd0e2
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#0e0b10ff
panel.border#302b3199
panelSection.dropBackground#dcd0e21a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#dcd0e2
panelTitle.inactiveForeground#dcd0e266
peekView.border#0000004d
peekViewEditor.background#1c191e
peekViewEditor.matchHighlightBackground#50365e
peekViewEditorGutter.background#1c191e
peekViewResult.background#1c191e
peekViewResult.matchHighlightBackground#50365e
peekViewResult.selectionBackground#57515bb3
peekViewTitle.background#1c191e
peekViewTitleDescription.foreground#dcd0e299
pickerGroup.border#302b31
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#0e0b10ff
quickInput.foreground#57515b
quickInputList.focusBackground#dcd0e226
quickInputList.focusIconForeground#dcd0e2
quickInputTitle.background#0e0b10
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#837a8721
scrollbarSlider.hoverBackground#837a872e
selection.background#2578b3
settings.checkboxBackground#0e0b10
settings.checkboxForeground#dcd0e2
settings.dropdownBackground#0e0b10
settings.dropdownForeground#dcd0e2
settings.headerForeground#dcd0e2
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#0e0b10
settings.numberInputForeground#dcd0e2
settings.textInputBackground#0e0b10
settings.textInputForeground#dcd0e2
sideBar.background#0e0b10
sideBar.border#302b3199
sideBar.foreground#57515b
sideBarActivityBarTop.border#302b3199
sideBarSectionHeader.background#0e0b10
sideBarSectionHeader.border#302b3199
sideBarStickyScroll.border#302b3199
sideBarTitle.foreground#dcd0e2
statusBar.background#0e0b10
statusBar.border#302b3199
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#7f7784
statusBar.noFolderBackground#0e0b10
statusBarItem.hoverBackground#4b454f33
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#161118
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#eee8f1
tab.activeModifiedBorder#2578b300
tab.border#161118
tab.inactiveBackground#161118
tab.inactiveForeground#57515b
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#4b454f00
tab.unfocusedActiveForeground#dcd0e2
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#4b454f
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#39353b
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#dcd0e2
textLink.foreground#2578b3
textPreformat.background#302b3199
textPreformat.foreground#dcd0e2b3
titleBar.activeBackground#0e0b10
titleBar.activeForeground#dcd0e2
titleBar.border#302b3199
titleBar.inactiveBackground#0e0b10
titleBar.inactiveForeground#57515b
toolbar.activeBackground#2578b326
toolbar.hoverBackground#dcd0e21a
tree.indentGuidesStroke#39353b
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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