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 Chalk

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

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#2578b3
activityBar.background#f7f6f3
activityBar.border#f7f6f399
activityBar.foreground#2e3642
activityBar.inactiveForeground#93969bb3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#f7f6f3
activityBarTop.foreground#2e3642
activityBarTop.inactiveForeground#93969bb3
activityErrorBadge.background#b62b3d
activityErrorBadge.foreground#000000
activityWarningBadge.background#916818
activityWarningBadge.foreground#000000
agentsPanel.border#f7f6f399
badge.background#dcdbd899
badge.foreground#2e3642
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#f7f6f3
breadcrumb.focusForeground#2e3642
breadcrumb.foreground#93969b
breadcrumbPicker.background#f7f6f3
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#f7f6f3
button.secondaryForeground#2e3642
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#c8c7c5
chat.requestBorder#0000000f
chat.requestBubbleBackground#ecebe8
chat.requestBubbleHoverBackground#ecebe8
chat.requestCodeBorder#c5c6c7
chat.slashCommandBackground#00000000
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#f0efec00
commandCenter.activeForeground#2e3642
commandCenter.border#f0efec
commandCenter.foreground#2e364299
contrastActiveBorder#f7f6f300
contrastBorder#f7f6f300
debugConsole.errorForeground#b62b3d
debugConsole.infoForeground#17758c
debugConsole.warningForeground#916818
debugToolBar.background#f7f6f3
descriptionForeground#2e3642cc
diffEditor.insertedLineBackground#47782614
diffEditor.insertedTextBackground#47782614
diffEditor.removedLineBackground#b62b3d14
diffEditor.removedTextBackground#b62b3d14
disabledForeground#afb1b3ff
dropdown.background#f7f6f3
dropdown.border#0000000f
editor.background#f7f6f3
editor.findMatchBackground#00000026
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#0000001a
editor.findMatchHighlightBorder#0000004d
editor.findMatchHighlightForeground#2e3642
editor.findRangeHighlightBackground#9168184d
editor.foreground#2e3642
editor.lineHighlightBackground#dcdbd800
editor.lineHighlightBorder#dcdbd899
editor.selectionBackground#e3daca80
editor.selectionForeground#2e3642
editor.selectionHighlightBackground#c47f0833
editor.wordHighlightBackground#be2d5d4d
editor.wordHighlightStrongBackground#4778264d
editorBracketMatch.background#f7f6f3
editorBracketMatch.border#c47f0880
editorCodeLens.foreground#afb1b3
editorCursor.background#c47f08
editorCursor.foreground#c47f08
editorError.foreground#b62b3db3
editorGroup.border#2e36420f
editorGroupHeader.tabsBackground#f7f6f3
editorGutter.addedBackground#47782699
editorGutter.addedSecondaryBackground#47782699
editorGutter.deletedBackground#b62b3d99
editorGutter.deletedSecondaryBackground#b62b3d99
editorGutter.modifiedBackground#2549c199
editorGutter.modifiedSecondaryBackground#2549c199
editorHoverWidget.background#f7f6f3
editorHoverWidget.border#0000000f
editorIndentGuide.activeBackground#c8c7c5
editorIndentGuide.background#c8c7c5b3
editorInfo.foreground#2549c1b3
editorLineNumber.activeForeground#93969b
editorLineNumber.foreground#c5c6c7ff
editorLink.activeForeground#2e3642
editorMarkerNavigation.background#2e36420d
editorOverviewRuler.border#f7f6f3
editorOverviewRuler.errorForeground#b62b3d99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#2549c199
editorOverviewRuler.warningForeground#91681899
editorRuler.foreground#c8c7c5
editorStickyScrollHover.background#e3daca4d
editorSuggestWidget.background#f7f6f3
editorSuggestWidget.border#0000000f
editorSuggestWidget.foreground#2e3642
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#dcdbd899
editorWarning.foreground#916818b3
editorWhitespace.foreground#cfcfccff
editorWidget.background#f7f6f3
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#2e3642
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#0000001a
extensionIcon.verifiedForeground#477826
focusBorder#00000000
foreground#2e3642
gitDecoration.conflictingResourceForeground#916818e6
gitDecoration.deletedResourceForeground#b62b3de6
gitDecoration.ignoredResourceForeground#93969b80
gitDecoration.modifiedResourceForeground#2549c1e6
gitDecoration.untrackedResourceForeground#477826e6
icon.foreground#2e3642b3
inlineChatInput.border#0000000f
input.background#ecebe8
input.border#0000000f
input.foreground#2e3642
input.placeholderForeground#2e364266
inputOption.activeBackground#2e36424d
inputOption.activeBorder#2e36424d
inputValidation.errorBorder#b62b3d
inputValidation.infoBorder#2549c1
inputValidation.warningBorder#916818
keybindingLabel.border#f7f6f3
keybindingLabel.bottomBorder#f7f6f3
list.activeSelectionBackground#f7f6f3ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#2e36421a
list.dropBetweenBackground#2e36421a
list.focusBackground#2e364226
list.focusForeground#2e3642
list.highlightForeground#2578b3
list.hoverBackground#f7f6f3
list.hoverForeground#1c2028
list.inactiveSelectionBackground#2e36421a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#2e36421a
listFilterWidget.noMatchesOutline#2e36421a
listFilterWidget.outline#2e36421a
menu.background#f7f6f3
menu.border#f0efec
menu.foreground#2e3642
menu.selectionBackground#dcdbd899
menu.selectionBorder#2e36421a
menu.selectionForeground#2578b3
menu.separatorBackground#2e3642
menubar.selectionBackground#2e36421a
menubar.selectionBorder#2e36421a
menubar.selectionForeground#2578b3
merge.border#f7f6f300
merge.currentHeaderBackground#4778264d
merge.incomingHeaderBackground#2549c14d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#f7f6f3
notifications.foreground#2e3642
notificationsWarningIcon.foreground#916818
notificationToast.border#0000000f
panel.background#f7f6f3ff
panel.border#f7f6f399
panelSection.dropBackground#2e36421a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#2e3642
panelTitle.inactiveForeground#2e364266
peekView.border#0000004d
peekViewEditor.background#ecebe8
peekViewEditor.matchHighlightBackground#e3daca
peekViewEditorGutter.background#ecebe8
peekViewResult.background#ecebe8
peekViewResult.matchHighlightBackground#e3daca
peekViewResult.selectionBackground#93969bb3
peekViewTitle.background#ecebe8
peekViewTitleDescription.foreground#2e364299
pickerGroup.border#f7f6f3
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#f7f6f3ff
quickInput.foreground#93969b
quickInputList.focusBackground#2e364226
quickInputList.focusIconForeground#2e3642
quickInputTitle.background#f7f6f3
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#6c727921
scrollbarSlider.hoverBackground#6c72792e
selection.background#2578b3
settings.checkboxBackground#f7f6f3
settings.checkboxForeground#2e3642
settings.dropdownBackground#f7f6f3
settings.dropdownForeground#2e3642
settings.headerForeground#2e3642
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#f7f6f3
settings.numberInputForeground#2e3642
settings.textInputBackground#f7f6f3
settings.textInputForeground#2e3642
sideBar.background#f7f6f3
sideBar.border#f7f6f399
sideBar.foreground#93969b
sideBarActivityBarTop.border#f7f6f399
sideBarSectionHeader.background#f7f6f3
sideBarSectionHeader.border#f7f6f399
sideBarStickyScroll.border#f7f6f399
sideBarTitle.foreground#2e3642
statusBar.background#f7f6f3
statusBar.border#f7f6f399
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#6a7077
statusBar.noFolderBackground#f7f6f3
statusBarItem.hoverBackground#afb1b333
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#f7f6f3
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#1c2028
tab.activeModifiedBorder#2578b300
tab.border#f7f6f3
tab.inactiveBackground#f7f6f3
tab.inactiveForeground#93969b
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#afb1b300
tab.unfocusedActiveForeground#2e3642
terminal.ansiBlack#000000
terminal.ansiBlue#2549c1
terminal.ansiBrightBlack#afb1b3
terminal.ansiBrightBlue#2549c1
terminal.ansiBrightCyan#17758c
terminal.ansiBrightGreen#477826
terminal.ansiBrightMagenta#7c3ab6
terminal.ansiBrightRed#b62b3d
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#916818
terminal.ansiCyan#17758c
terminal.ansiGreen#477826
terminal.ansiMagenta#7c3ab6
terminal.ansiRed#b62b3d
terminal.ansiWhite#ffffff
terminal.ansiYellow#916818
terminalCommandGuide.foreground#c8c7c5
terminalCursor.background#000000
terminalCursor.foreground#916818
textLink.activeForeground#2e3642
textLink.foreground#2578b3
textPreformat.background#dcdbd899
textPreformat.foreground#2e3642b3
titleBar.activeBackground#f7f6f3
titleBar.activeForeground#2e3642
titleBar.border#f7f6f399
titleBar.inactiveBackground#f7f6f3
titleBar.inactiveForeground#93969b
toolbar.activeBackground#2578b326
toolbar.hoverBackground#2e36421a
tree.indentGuidesStroke#c8c7c5
widget.border#0000000f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#2e3642	—
string	#477826	—
punctuation, constant.other.symbol	#17758c	—
constant.character.escape, text.html constant.character.entity.named	#2e3642	—
constant.language.boolean	#be2d5d	—
constant.numeric	#ab4a21	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#2e3642	—
keyword.other	#ab4a21	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#17758c	—
entity.name.function, support.function	#2549c1	—
storage.type, storage.modifier, storage.control	#7c3ab6	—
support.module, support.node	#b62b3d	italic
support.type, constant.other.key	#916818	—
entity.name.type, entity.other.inherited-class, entity.other	#916818	—
comment	#afb1b3	italic
comment punctuation.definition.comment	#afb1b3	italic
punctuation	#17758c	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#916818	—
variable.object.property, meta.field.declaration entity.name.function	#b62b3d	—
meta.definition.method entity.name.function	#b62b3d	—
meta.function entity.name.function	#2549c1	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#17758c	—
meta.embedded, source.groovy.embedded, meta.template.expression	#2e3642	—
entity.name.tag.yaml	#b62b3d	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#b62b3d	—
constant.language.json	#17758c	—
meta.structure.dictionary.json support.type.property-name.json	#7c3ab6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#916818	—
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	#ab4a21	—
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	#b62b3d	—
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	#865832	—
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	#2549c1	—
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	#be2d5d	—
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	#7c3ab6	—
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	#477826	—
entity.other.attribute-name.class	#916818	—
entity.other.attribute-name.id	#ab4a21	—
source.css entity.name.tag	#916818	—
support.type.property-name.css	#436471	—
meta.tag, punctuation.definition.tag	#17758c	—
entity.name.tag	#b62b3d	—
entity.other.attribute-name	#7c3ab6	—
punctuation.definition.entity.html	#2e3642	—
markup.heading	#17758c	—
text.html.markdown meta.link.inline, meta.link.reference	#b62b3d	—
text.html.markdown beginning.punctuation.definition.list	#17758c	—
markup.italic	#b62b3d	italic
markup.bold	#b62b3d	bold
markup.bold markup.italic, markup.italic markup.bold	#b62b3d	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#477826	—
markup.inline.raw.string.markdown	#477826	—
markup.quote	#17758c	italic
punctuation.definition.quote	#be2d5d	—
keyword.other.definition.ini	#b62b3d	—
entity.name.section.group-title.ini	#17758c	—
source.cs meta.class.identifier storage.type	#916818	—
source.cs meta.method.identifier entity.name.function	#b62b3d	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#2549c1	—
source.cs storage.type	#916818	—
source.cs meta.method.return-type	#916818	—
source.cs meta.preprocessor	#afb1b3	—
source.cs entity.name.type.namespace	#2e3642	—
meta.jsx.children, SXNested	#2e3642	—
support.class.component	#916818	—
source.cpp meta.block variable.other	#2e3642	—
source.python meta.member.access.python	#b62b3d	—
source.python meta.function-call.python, meta.function-call.arguments	#2549c1	—
meta.block	#b62b3d	—
entity.name.function.call, support.function.builtin	#2549c1	—
source.php support.other.namespace, source.php meta.use support.class	#2e3642	—
constant.keyword	#17758c	italic
entity.name.function	#2549c1	—
constant.other.placeholder	#b62b3d	—
markup.deleted	#b62b3d	—
markup.inserted	#477826	—
markup.underline	—	underline
keyword.control	#17758c	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#2e3642	italic
constant.character.format.placeholder.other.python	#ab4a21	—
markup.fenced_code.block	#2e3642e6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Chalk 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

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#2578b3
activityBar.background#e6e5e2
activityBar.border#c1c0be99
activityBar.foreground#2e3642
activityBar.inactiveForeground#9ea1a5b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#e6e5e2
activityBarTop.foreground#2e3642
activityBarTop.inactiveForeground#9ea1a5b3
activityErrorBadge.background#b62b3d
activityErrorBadge.foreground#000000
activityWarningBadge.background#916818
activityWarningBadge.foreground#000000
agentsPanel.border#c1c0be99
badge.background#dcdbd899
badge.foreground#2e3642
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#f7f6f3
breadcrumb.focusForeground#2e3642
breadcrumb.foreground#9ea1a5
breadcrumbPicker.background#e6e5e2
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#e6e5e2
button.secondaryForeground#2e3642
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#c8c7c5
chat.requestBorder#0000000f
chat.requestBubbleBackground#e0dfdc
chat.requestBubbleHoverBackground#e0dfdc
chat.requestCodeBorder#c5c6c7
chat.slashCommandBackground#00000000
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#f0efec00
commandCenter.activeForeground#2e3642
commandCenter.border#f0efec
commandCenter.foreground#2e364299
contrastActiveBorder#f7f6f300
contrastBorder#f7f6f300
debugConsole.errorForeground#b62b3d
debugConsole.infoForeground#17758c
debugConsole.warningForeground#916818
debugToolBar.background#e6e5e2
descriptionForeground#2e3642cc
diffEditor.insertedLineBackground#47782614
diffEditor.insertedTextBackground#47782614
diffEditor.removedLineBackground#b62b3d14
diffEditor.removedTextBackground#b62b3d14
disabledForeground#afb1b3ff
dropdown.background#e6e5e2
dropdown.border#0000000f
editor.background#f7f6f3
editor.findMatchBackground#00000026
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#0000001a
editor.findMatchHighlightBorder#0000004d
editor.findMatchHighlightForeground#2e3642
editor.findRangeHighlightBackground#9168184d
editor.foreground#2e3642
editor.lineHighlightBackground#dcdbd800
editor.lineHighlightBorder#dcdbd899
editor.selectionBackground#e3daca80
editor.selectionForeground#2e3642
editor.selectionHighlightBackground#c47f0833
editor.wordHighlightBackground#be2d5d4d
editor.wordHighlightStrongBackground#4778264d
editorBracketMatch.background#f7f6f3
editorBracketMatch.border#c47f0880
editorCodeLens.foreground#afb1b3
editorCursor.background#c47f08
editorCursor.foreground#c47f08
editorError.foreground#b62b3db3
editorGroup.border#2e36420f
editorGroupHeader.tabsBackground#f7f6f3
editorGutter.addedBackground#47782699
editorGutter.addedSecondaryBackground#47782699
editorGutter.deletedBackground#b62b3d99
editorGutter.deletedSecondaryBackground#b62b3d99
editorGutter.modifiedBackground#2549c199
editorGutter.modifiedSecondaryBackground#2549c199
editorHoverWidget.background#e6e5e2
editorHoverWidget.border#0000000f
editorIndentGuide.activeBackground#c8c7c5
editorIndentGuide.background#c8c7c5b3
editorInfo.foreground#2549c1b3
editorLineNumber.activeForeground#9ea1a5
editorLineNumber.foreground#c5c6c7ff
editorLink.activeForeground#2e3642
editorMarkerNavigation.background#2e36420d
editorOverviewRuler.border#f7f6f3
editorOverviewRuler.errorForeground#b62b3d99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#2549c199
editorOverviewRuler.warningForeground#91681899
editorRuler.foreground#c8c7c5
editorStickyScrollHover.background#e3daca4d
editorSuggestWidget.background#e6e5e2
editorSuggestWidget.border#0000000f
editorSuggestWidget.foreground#2e3642
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#dcdbd899
editorWarning.foreground#916818b3
editorWhitespace.foreground#cfcfccff
editorWidget.background#e6e5e2
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#2e3642
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#0000001a
extensionIcon.verifiedForeground#477826
focusBorder#00000000
foreground#2e3642
gitDecoration.conflictingResourceForeground#916818e6
gitDecoration.deletedResourceForeground#b62b3de6
gitDecoration.ignoredResourceForeground#9ea1a580
gitDecoration.modifiedResourceForeground#2549c1e6
gitDecoration.untrackedResourceForeground#477826e6
icon.foreground#2e3642b3
inlineChatInput.border#0000000f
input.background#e0dfdc
input.border#0000000f
input.foreground#2e3642
input.placeholderForeground#2e364266
inputOption.activeBackground#2e36424d
inputOption.activeBorder#2e36424d
inputValidation.errorBorder#b62b3d
inputValidation.infoBorder#2549c1
inputValidation.warningBorder#916818
keybindingLabel.border#c1c0be
keybindingLabel.bottomBorder#c1c0be
list.activeSelectionBackground#e6e5e2ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#2e36421a
list.dropBetweenBackground#2e36421a
list.focusBackground#2e364226
list.focusForeground#2e3642
list.highlightForeground#2578b3
list.hoverBackground#e6e5e2
list.hoverForeground#1c2028
list.inactiveSelectionBackground#2e36421a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#2e36421a
listFilterWidget.noMatchesOutline#2e36421a
listFilterWidget.outline#2e36421a
menu.background#e6e5e2
menu.border#f0efec
menu.foreground#2e3642
menu.selectionBackground#dcdbd899
menu.selectionBorder#2e36421a
menu.selectionForeground#2578b3
menu.separatorBackground#2e3642
menubar.selectionBackground#2e36421a
menubar.selectionBorder#2e36421a
menubar.selectionForeground#2578b3
merge.border#f7f6f300
merge.currentHeaderBackground#4778264d
merge.incomingHeaderBackground#2549c14d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#e6e5e2
notifications.foreground#2e3642
notificationsWarningIcon.foreground#916818
notificationToast.border#0000000f
panel.background#e6e5e2ff
panel.border#c1c0be99
panelSection.dropBackground#2e36421a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#2e3642
panelTitle.inactiveForeground#2e364266
peekView.border#0000004d
peekViewEditor.background#e0dfdc
peekViewEditor.matchHighlightBackground#e3daca
peekViewEditorGutter.background#e0dfdc
peekViewResult.background#e0dfdc
peekViewResult.matchHighlightBackground#e3daca
peekViewResult.selectionBackground#9ea1a5b3
peekViewTitle.background#e0dfdc
peekViewTitleDescription.foreground#2e364299
pickerGroup.border#c1c0be
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#e6e5e2ff
quickInput.foreground#9ea1a5
quickInputList.focusBackground#2e364226
quickInputList.focusIconForeground#2e3642
quickInputTitle.background#e6e5e2
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#6c727921
scrollbarSlider.hoverBackground#6c72792e
selection.background#2578b3
settings.checkboxBackground#e6e5e2
settings.checkboxForeground#2e3642
settings.dropdownBackground#e6e5e2
settings.dropdownForeground#2e3642
settings.headerForeground#2e3642
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#e6e5e2
settings.numberInputForeground#2e3642
settings.textInputBackground#e6e5e2
settings.textInputForeground#2e3642
sideBar.background#e6e5e2
sideBar.border#c1c0be99
sideBar.foreground#9ea1a5
sideBarActivityBarTop.border#c1c0be99
sideBarSectionHeader.background#e6e5e2
sideBarSectionHeader.border#c1c0be99
sideBarStickyScroll.border#c1c0be99
sideBarTitle.foreground#2e3642
statusBar.background#e6e5e2
statusBar.border#c1c0be99
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#62676f
statusBar.noFolderBackground#e6e5e2
statusBarItem.hoverBackground#afb1b333
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#f7f6f3
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#1c2028
tab.activeModifiedBorder#2578b300
tab.border#f7f6f3
tab.inactiveBackground#f7f6f3
tab.inactiveForeground#9ea1a5
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#afb1b300
tab.unfocusedActiveForeground#2e3642
terminal.ansiBlack#000000
terminal.ansiBlue#2549c1
terminal.ansiBrightBlack#afb1b3
terminal.ansiBrightBlue#2549c1
terminal.ansiBrightCyan#17758c
terminal.ansiBrightGreen#477826
terminal.ansiBrightMagenta#7c3ab6
terminal.ansiBrightRed#b62b3d
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#916818
terminal.ansiCyan#17758c
terminal.ansiGreen#477826
terminal.ansiMagenta#7c3ab6
terminal.ansiRed#b62b3d
terminal.ansiWhite#ffffff
terminal.ansiYellow#916818
terminalCommandGuide.foreground#c8c7c5
terminalCursor.background#000000
terminalCursor.foreground#916818
textLink.activeForeground#2e3642
textLink.foreground#2578b3
textPreformat.background#dcdbd899
textPreformat.foreground#2e3642b3
titleBar.activeBackground#e6e5e2
titleBar.activeForeground#2e3642
titleBar.border#c1c0be99
titleBar.inactiveBackground#e6e5e2
titleBar.inactiveForeground#9ea1a5
toolbar.activeBackground#2578b326
toolbar.hoverBackground#2e36421a
tree.indentGuidesStroke#c8c7c5
widget.border#0000000f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#2e3642	—
string	#477826	—
punctuation, constant.other.symbol	#17758c	—
constant.character.escape, text.html constant.character.entity.named	#2e3642	—
constant.language.boolean	#be2d5d	—
constant.numeric	#ab4a21	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#2e3642	—
keyword.other	#ab4a21	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#17758c	—
entity.name.function, support.function	#2549c1	—
storage.type, storage.modifier, storage.control	#7c3ab6	—
support.module, support.node	#b62b3d	italic
support.type, constant.other.key	#916818	—
entity.name.type, entity.other.inherited-class, entity.other	#916818	—
comment	#afb1b3	italic
comment punctuation.definition.comment	#afb1b3	italic
punctuation	#17758c	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#916818	—
variable.object.property, meta.field.declaration entity.name.function	#b62b3d	—
meta.definition.method entity.name.function	#b62b3d	—
meta.function entity.name.function	#2549c1	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#17758c	—
meta.embedded, source.groovy.embedded, meta.template.expression	#2e3642	—
entity.name.tag.yaml	#b62b3d	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#b62b3d	—
constant.language.json	#17758c	—
meta.structure.dictionary.json support.type.property-name.json	#7c3ab6	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#916818	—
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	#ab4a21	—
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	#b62b3d	—
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	#865832	—
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	#2549c1	—
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	#be2d5d	—
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	#7c3ab6	—
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	#477826	—
entity.other.attribute-name.class	#916818	—
entity.other.attribute-name.id	#ab4a21	—
source.css entity.name.tag	#916818	—
support.type.property-name.css	#436471	—
meta.tag, punctuation.definition.tag	#17758c	—
entity.name.tag	#b62b3d	—
entity.other.attribute-name	#7c3ab6	—
punctuation.definition.entity.html	#2e3642	—
markup.heading	#17758c	—
text.html.markdown meta.link.inline, meta.link.reference	#b62b3d	—
text.html.markdown beginning.punctuation.definition.list	#17758c	—
markup.italic	#b62b3d	italic
markup.bold	#b62b3d	bold
markup.bold markup.italic, markup.italic markup.bold	#b62b3d	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#477826	—
markup.inline.raw.string.markdown	#477826	—
markup.quote	#17758c	italic
punctuation.definition.quote	#be2d5d	—
keyword.other.definition.ini	#b62b3d	—
entity.name.section.group-title.ini	#17758c	—
source.cs meta.class.identifier storage.type	#916818	—
source.cs meta.method.identifier entity.name.function	#b62b3d	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#2549c1	—
source.cs storage.type	#916818	—
source.cs meta.method.return-type	#916818	—
source.cs meta.preprocessor	#afb1b3	—
source.cs entity.name.type.namespace	#2e3642	—
meta.jsx.children, SXNested	#2e3642	—
support.class.component	#916818	—
source.cpp meta.block variable.other	#2e3642	—
source.python meta.member.access.python	#b62b3d	—
source.python meta.function-call.python, meta.function-call.arguments	#2549c1	—
meta.block	#b62b3d	—
entity.name.function.call, support.function.builtin	#2549c1	—
source.php support.other.namespace, source.php meta.use support.class	#2e3642	—
constant.keyword	#17758c	italic
entity.name.function	#2549c1	—
constant.other.placeholder	#b62b3d	—
markup.deleted	#b62b3d	—
markup.inserted	#477826	—
markup.underline	—	underline
keyword.control	#17758c	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#2e3642	italic
constant.character.format.placeholder.other.python	#ab4a21	—
markup.fenced_code.block	#2e3642e6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Davy

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#232325
activityBar.border#23232599
activityBar.foreground#d6d8db
activityBar.inactiveForeground#67686ab3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#232325
activityBarTop.foreground#d6d8db
activityBarTop.inactiveForeground#67686ab3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#23232599
badge.background#3b3b3d99
badge.foreground#d6d8db
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#232325
breadcrumb.focusForeground#d6d8db
breadcrumb.foreground#67686a
breadcrumbPicker.background#232325
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#232325
button.secondaryForeground#d6d8db
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#444446
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#2d2d2f
chat.requestBubbleHoverBackground#2d2d2f
chat.requestCodeBorder#454548
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#2a2a2c00
commandCenter.activeForeground#d6d8db
commandCenter.border#2a2a2c
commandCenter.foreground#d6d8db99
contrastActiveBorder#23232500
contrastBorder#23232500
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#232325
descriptionForeground#d6d8dbcc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#535456ff
dropdown.background#232325
dropdown.border#ffffff0f
editor.background#232325
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#d6d8db
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#d6d8db
editor.lineHighlightBackground#3b3b3d00
editor.lineHighlightBorder#3b3b3d99
editor.selectionBackground#4f566480
editor.selectionForeground#d6d8db
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#232325
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#535456
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#d6d8db0f
editorGroupHeader.tabsBackground#232325
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#232325
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#444446
editorIndentGuide.background#444446b3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#67686a
editorLineNumber.foreground#454548ff
editorLink.activeForeground#d6d8db
editorMarkerNavigation.background#d6d8db0d
editorOverviewRuler.border#232325
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#444446
editorStickyScrollHover.background#4f56644d
editorSuggestWidget.background#232325
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#d6d8db
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#3b3b3d99
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#404041ff
editorWidget.background#232325
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#d6d8db
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#d6d8db
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#67686a80
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#d6d8dbb3
inlineChatInput.border#ffffff0f
input.background#2d2d2f
input.border#ffffff0f
input.foreground#d6d8db
input.placeholderForeground#d6d8db66
inputOption.activeBackground#d6d8db4d
inputOption.activeBorder#d6d8db4d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#232325
keybindingLabel.bottomBorder#232325
list.activeSelectionBackground#232325ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#d6d8db1a
list.dropBetweenBackground#d6d8db1a
list.focusBackground#d6d8db26
list.focusForeground#d6d8db
list.highlightForeground#2578b3
list.hoverBackground#232325
list.hoverForeground#ebeced
list.inactiveSelectionBackground#d6d8db1a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#d6d8db1a
listFilterWidget.noMatchesOutline#d6d8db1a
listFilterWidget.outline#d6d8db1a
menu.background#232325
menu.border#2a2a2c
menu.foreground#d6d8db
menu.selectionBackground#3b3b3d99
menu.selectionBorder#d6d8db1a
menu.selectionForeground#2578b3
menu.separatorBackground#d6d8db
menubar.selectionBackground#d6d8db1a
menubar.selectionBorder#d6d8db1a
menubar.selectionForeground#2578b3
merge.border#23232500
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#232325
notifications.foreground#d6d8db
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#232325ff
panel.border#23232599
panelSection.dropBackground#d6d8db1a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#d6d8db
panelTitle.inactiveForeground#d6d8db66
peekView.border#0000004d
peekViewEditor.background#2d2d2f
peekViewEditor.matchHighlightBackground#4f5664
peekViewEditorGutter.background#2d2d2f
peekViewResult.background#2d2d2f
peekViewResult.matchHighlightBackground#4f5664
peekViewResult.selectionBackground#67686ab3
peekViewTitle.background#2d2d2f
peekViewTitleDescription.foreground#d6d8db99
pickerGroup.border#232325
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#232325ff
quickInput.foreground#67686a
quickInputList.focusBackground#d6d8db26
quickInputList.focusIconForeground#d6d8db
quickInputTitle.background#232325
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#85878921
scrollbarSlider.hoverBackground#8587892e
selection.background#2578b3
settings.checkboxBackground#232325
settings.checkboxForeground#d6d8db
settings.dropdownBackground#232325
settings.dropdownForeground#d6d8db
settings.headerForeground#d6d8db
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#232325
settings.numberInputForeground#d6d8db
settings.textInputBackground#232325
settings.textInputForeground#d6d8db
sideBar.background#232325
sideBar.border#23232599
sideBar.foreground#67686a
sideBarActivityBarTop.border#23232599
sideBarSectionHeader.background#232325
sideBarSectionHeader.border#23232599
sideBarStickyScroll.border#23232599
sideBarTitle.foreground#d6d8db
statusBar.background#232325
statusBar.border#23232599
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#898a8d
statusBar.noFolderBackground#232325
statusBarItem.hoverBackground#53545633
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#232325
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#ebeced
tab.activeModifiedBorder#2578b300
tab.border#232325
tab.inactiveBackground#232325
tab.inactiveForeground#67686a
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#53545600
tab.unfocusedActiveForeground#d6d8db
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#535456
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#444446
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#d6d8db
textLink.foreground#2578b3
textPreformat.background#3b3b3d99
textPreformat.foreground#d6d8dbb3
titleBar.activeBackground#232325
titleBar.activeForeground#d6d8db
titleBar.border#23232599
titleBar.inactiveBackground#232325
titleBar.inactiveForeground#67686a
toolbar.activeBackground#2578b326
toolbar.hoverBackground#d6d8db1a
tree.indentGuidesStroke#444446
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

VS Code preview

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

Chromaleon Theme — Chromaleon Davy 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#171718
activityBar.border#3b3b3d99
activityBar.foreground#d6d8db
activityBar.inactiveForeground#5d5e5fb3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#171718
activityBarTop.foreground#d6d8db
activityBarTop.inactiveForeground#5d5e5fb3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#3b3b3d99
badge.background#3b3b3d99
badge.foreground#d6d8db
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#232325
breadcrumb.focusForeground#d6d8db
breadcrumb.foreground#5d5e5f
breadcrumbPicker.background#171718
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#171718
button.secondaryForeground#d6d8db
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#444446
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#282829
chat.requestBubbleHoverBackground#282829
chat.requestCodeBorder#454548
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#2a2a2c00
commandCenter.activeForeground#d6d8db
commandCenter.border#2a2a2c
commandCenter.foreground#d6d8db99
contrastActiveBorder#23232500
contrastBorder#23232500
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#82e0f7
debugConsole.warningForeground#f9cf67
debugToolBar.background#171718
descriptionForeground#d6d8dbcc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#535456ff
dropdown.background#171718
dropdown.border#ffffff0f
editor.background#232325
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#d6d8db
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#d6d8db
editor.lineHighlightBackground#3b3b3d00
editor.lineHighlightBorder#3b3b3d99
editor.selectionBackground#4f566480
editor.selectionForeground#d6d8db
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#f896b04d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#232325
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#535456
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#d6d8db0f
editorGroupHeader.tabsBackground#232325
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7c99f899
editorGutter.modifiedSecondaryBackground#7c99f899
editorHoverWidget.background#171718
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#444446
editorIndentGuide.background#444446b3
editorInfo.foreground#7c99f8b3
editorLineNumber.activeForeground#5d5e5f
editorLineNumber.foreground#454548ff
editorLink.activeForeground#d6d8db
editorMarkerNavigation.background#d6d8db0d
editorOverviewRuler.border#232325
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7c99f899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#444446
editorStickyScrollHover.background#4f56644d
editorSuggestWidget.background#171718
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#d6d8db
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#3b3b3d99
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#404041ff
editorWidget.background#171718
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#d6d8db
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#d6d8db
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#5d5e5f80
gitDecoration.modifiedResourceForeground#7c99f8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#d6d8dbb3
inlineChatInput.border#ffffff0f
input.background#282829
input.border#ffffff0f
input.foreground#d6d8db
input.placeholderForeground#d6d8db66
inputOption.activeBackground#d6d8db4d
inputOption.activeBorder#d6d8db4d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7c99f8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#3b3b3d
keybindingLabel.bottomBorder#3b3b3d
list.activeSelectionBackground#171718ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#d6d8db1a
list.dropBetweenBackground#d6d8db1a
list.focusBackground#d6d8db26
list.focusForeground#d6d8db
list.highlightForeground#2578b3
list.hoverBackground#171718
list.hoverForeground#ebeced
list.inactiveSelectionBackground#d6d8db1a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#d6d8db1a
listFilterWidget.noMatchesOutline#d6d8db1a
listFilterWidget.outline#d6d8db1a
menu.background#171718
menu.border#2a2a2c
menu.foreground#d6d8db
menu.selectionBackground#3b3b3d99
menu.selectionBorder#d6d8db1a
menu.selectionForeground#2578b3
menu.separatorBackground#d6d8db
menubar.selectionBackground#d6d8db1a
menubar.selectionBorder#d6d8db1a
menubar.selectionForeground#2578b3
merge.border#23232500
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7c99f84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#171718
notifications.foreground#d6d8db
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#171718ff
panel.border#3b3b3d99
panelSection.dropBackground#d6d8db1a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#d6d8db
panelTitle.inactiveForeground#d6d8db66
peekView.border#0000004d
peekViewEditor.background#282829
peekViewEditor.matchHighlightBackground#4f5664
peekViewEditorGutter.background#282829
peekViewResult.background#282829
peekViewResult.matchHighlightBackground#4f5664
peekViewResult.selectionBackground#5d5e5fb3
peekViewTitle.background#282829
peekViewTitleDescription.foreground#d6d8db99
pickerGroup.border#3b3b3d
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#171718ff
quickInput.foreground#5d5e5f
quickInputList.focusBackground#d6d8db26
quickInputList.focusIconForeground#d6d8db
quickInputTitle.background#171718
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#85878921
scrollbarSlider.hoverBackground#8587892e
selection.background#2578b3
settings.checkboxBackground#171718
settings.checkboxForeground#d6d8db
settings.dropdownBackground#171718
settings.dropdownForeground#d6d8db
settings.headerForeground#d6d8db
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#171718
settings.numberInputForeground#d6d8db
settings.textInputBackground#171718
settings.textInputForeground#d6d8db
sideBar.background#171718
sideBar.border#3b3b3d99
sideBar.foreground#5d5e5f
sideBarActivityBarTop.border#3b3b3d99
sideBarSectionHeader.background#171718
sideBarSectionHeader.border#3b3b3d99
sideBarStickyScroll.border#3b3b3d99
sideBarTitle.foreground#d6d8db
statusBar.background#171718
statusBar.border#3b3b3d99
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#808183
statusBar.noFolderBackground#171718
statusBarItem.hoverBackground#53545633
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#232325
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#ebeced
tab.activeModifiedBorder#2578b300
tab.border#232325
tab.inactiveBackground#232325
tab.inactiveForeground#5d5e5f
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#53545600
tab.unfocusedActiveForeground#d6d8db
terminal.ansiBlack#000000
terminal.ansiBlue#7c99f8
terminal.ansiBrightBlack#535456
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#444446
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#d6d8db
textLink.foreground#2578b3
textPreformat.background#3b3b3d99
textPreformat.foreground#d6d8dbb3
titleBar.activeBackground#171718
titleBar.activeForeground#d6d8db
titleBar.border#3b3b3d99
titleBar.inactiveBackground#171718
titleBar.inactiveForeground#5d5e5f
toolbar.activeBackground#2578b326
toolbar.hoverBackground#d6d8db1a
tree.indentGuidesStroke#444446
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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