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 Malachite

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#121c19
activityBar.border#121c1999
activityBar.foreground#cde5d8
activityBar.inactiveForeground#596862b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#121c19
activityBarTop.foreground#cde5d8
activityBarTop.inactiveForeground#596862b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#121c1999
badge.background#2c353299
badge.foreground#cde5d8
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#121c19
breadcrumb.focusForeground#cde5d8
breadcrumb.foreground#596862
breadcrumbPicker.background#121c19
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#121c19
button.secondaryForeground#cde5d8
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#363e3c
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#1d2623
chat.requestBubbleHoverBackground#1d2623
chat.requestCodeBorder#36423d
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#19232000
commandCenter.activeForeground#cde5d8
commandCenter.border#192320
commandCenter.foreground#cde5d899
contrastActiveBorder#121c1900
contrastBorder#121c1900
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#79c5d8
debugConsole.warningForeground#f9cf67
debugToolBar.background#121c19
descriptionForeground#cde5d8cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#44524dff
dropdown.background#121c19
dropdown.border#ffffff0f
editor.background#121c19
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#cde5d8
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#cde5d8
editor.lineHighlightBackground#2c353200
editor.lineHighlightBorder#2c353299
editor.selectionBackground#36635780
editor.selectionForeground#cde5d8
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#d5909e4d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#121c19
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#44524d
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#cde5d80f
editorGroupHeader.tabsBackground#121c19
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7495d899
editorGutter.modifiedSecondaryBackground#7495d899
editorHoverWidget.background#121c19
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#363e3c
editorIndentGuide.background#363e3cb3
editorInfo.foreground#7495d8b3
editorLineNumber.activeForeground#596862
editorLineNumber.foreground#36423dff
editorLink.activeForeground#cde5d8
editorMarkerNavigation.background#cde5d80d
editorOverviewRuler.border#121c19
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7495d899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#363e3c
editorStickyScrollHover.background#3663574d
editorSuggestWidget.background#121c19
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#cde5d8
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#2c353299
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#313a37ff
editorWidget.background#121c19
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#cde5d8
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#cde5d8
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#59686280
gitDecoration.modifiedResourceForeground#7495d8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#cde5d8b3
inlineChatInput.border#ffffff0f
input.background#1d2623
input.border#ffffff0f
input.foreground#cde5d8
input.placeholderForeground#cde5d866
inputOption.activeBackground#cde5d84d
inputOption.activeBorder#cde5d84d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7495d8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#121c19
keybindingLabel.bottomBorder#121c19
list.activeSelectionBackground#121c19ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#cde5d81a
list.dropBetweenBackground#cde5d81a
list.focusBackground#cde5d826
list.focusForeground#cde5d8
list.highlightForeground#2578b3
list.hoverBackground#121c19
list.hoverForeground#e6f2ec
list.inactiveSelectionBackground#cde5d81a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#cde5d81a
listFilterWidget.noMatchesOutline#cde5d81a
listFilterWidget.outline#cde5d81a
menu.background#121c19
menu.border#192320
menu.foreground#cde5d8
menu.selectionBackground#2c353299
menu.selectionBorder#cde5d81a
menu.selectionForeground#2578b3
menu.separatorBackground#cde5d8
menubar.selectionBackground#cde5d81a
menubar.selectionBorder#cde5d81a
menubar.selectionForeground#2578b3
merge.border#121c1900
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7495d84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#121c19
notifications.foreground#cde5d8
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#121c19ff
panel.border#121c1999
panelSection.dropBackground#cde5d81a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#cde5d8
panelTitle.inactiveForeground#cde5d866
peekView.border#0000004d
peekViewEditor.background#1d2623
peekViewEditor.matchHighlightBackground#366357
peekViewEditorGutter.background#1d2623
peekViewResult.background#1d2623
peekViewResult.matchHighlightBackground#366357
peekViewResult.selectionBackground#596862b3
peekViewTitle.background#1d2623
peekViewTitleDescription.foreground#cde5d899
pickerGroup.border#121c19
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#121c19ff
quickInput.foreground#596862
quickInputList.focusBackground#cde5d826
quickInputList.focusIconForeground#cde5d8
quickInputTitle.background#121c19
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#798b8221
scrollbarSlider.hoverBackground#798b822e
selection.background#2578b3
settings.checkboxBackground#121c19
settings.checkboxForeground#cde5d8
settings.dropdownBackground#121c19
settings.dropdownForeground#cde5d8
settings.headerForeground#cde5d8
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#121c19
settings.numberInputForeground#cde5d8
settings.textInputBackground#121c19
settings.textInputForeground#cde5d8
sideBar.background#121c19
sideBar.border#121c1999
sideBar.foreground#596862
sideBarActivityBarTop.border#121c1999
sideBarSectionHeader.background#121c19
sideBarSectionHeader.border#121c1999
sideBarStickyScroll.border#121c1999
sideBarTitle.foreground#cde5d8
statusBar.background#121c19
statusBar.border#121c1999
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#75877e
statusBar.noFolderBackground#121c19
statusBarItem.hoverBackground#44524d33
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#121c19
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#e6f2ec
tab.activeModifiedBorder#2578b300
tab.border#121c19
tab.inactiveBackground#121c19
tab.inactiveForeground#596862
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#44524d00
tab.unfocusedActiveForeground#cde5d8
terminal.ansiBlack#000000
terminal.ansiBlue#7495d8
terminal.ansiBrightBlack#44524d
terminal.ansiBrightBlue#7495d8
terminal.ansiBrightCyan#79c5d8
terminal.ansiBrightGreen#b3e283
terminal.ansiBrightMagenta#a989cd
terminal.ansiBrightRed#ef7b8b
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f9cf67
terminal.ansiCyan#79c5d8
terminal.ansiGreen#b3e283
terminal.ansiMagenta#a989cd
terminal.ansiRed#ef7b8b
terminal.ansiWhite#ffffff
terminal.ansiYellow#f9cf67
terminalCommandGuide.foreground#363e3c
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#cde5d8
textLink.foreground#2578b3
textPreformat.background#2c353299
textPreformat.foreground#cde5d8b3
titleBar.activeBackground#121c19
titleBar.activeForeground#cde5d8
titleBar.border#121c1999
titleBar.inactiveBackground#121c19
titleBar.inactiveForeground#596862
toolbar.activeBackground#2578b326
toolbar.hoverBackground#cde5d81a
tree.indentGuidesStroke#363e3c
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#cde5d8	—
string	#b3e283	—
punctuation, constant.other.symbol	#79c5d8	—
constant.character.escape, text.html constant.character.entity.named	#cde5d8	—
constant.language.boolean	#d5909e	—
constant.numeric	#cf8a68	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#cde5d8	—
keyword.other	#cf8a68	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#79c5d8	—
entity.name.function, support.function	#7495d8	—
storage.type, storage.modifier, storage.control	#a989cd	—
support.module, support.node	#ef7b8b	italic
support.type, constant.other.key	#f9cf67	—
entity.name.type, entity.other.inherited-class, entity.other	#f9cf67	—
comment	#44524d	italic
comment punctuation.definition.comment	#44524d	italic
punctuation	#79c5d8	—
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	#7495d8	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#79c5d8	—
meta.embedded, source.groovy.embedded, meta.template.expression	#cde5d8	—
entity.name.tag.yaml	#ef7b8b	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#ef7b8b	—
constant.language.json	#79c5d8	—
meta.structure.dictionary.json support.type.property-name.json	#a989cd	—
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	#cf8a68	—
meta.structure.dictionary.json meta.structure.dictionary.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	#7495d8	—
meta.structure.dictionary.json meta.structure.dictionary.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	#d5909e	—
meta.structure.dictionary.json meta.structure.dictionary.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	#a989cd	—
meta.structure.dictionary.json meta.structure.dictionary.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	#cf8a68	—
source.css entity.name.tag	#f9cf67	—
support.type.property-name.css	#9dc8c7	—
meta.tag, punctuation.definition.tag	#79c5d8	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#a989cd	—
punctuation.definition.entity.html	#cde5d8	—
markup.heading	#79c5d8	—
text.html.markdown meta.link.inline, meta.link.reference	#ef7b8b	—
text.html.markdown beginning.punctuation.definition.list	#79c5d8	—
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	#79c5d8	italic
punctuation.definition.quote	#d5909e	—
keyword.other.definition.ini	#ef7b8b	—
entity.name.section.group-title.ini	#79c5d8	—
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	#7495d8	—
source.cs storage.type	#f9cf67	—
source.cs meta.method.return-type	#f9cf67	—
source.cs meta.preprocessor	#44524d	—
source.cs entity.name.type.namespace	#cde5d8	—
meta.jsx.children, SXNested	#cde5d8	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#cde5d8	—
source.python meta.member.access.python	#ef7b8b	—
source.python meta.function-call.python, meta.function-call.arguments	#7495d8	—
meta.block	#ef7b8b	—
entity.name.function.call, support.function.builtin	#7495d8	—
source.php support.other.namespace, source.php meta.use support.class	#cde5d8	—
constant.keyword	#79c5d8	italic
entity.name.function	#7495d8	—
constant.other.placeholder	#ef7b8b	—
markup.deleted	#ef7b8b	—
markup.inserted	#b3e283	—
markup.underline	—	underline
keyword.control	#79c5d8	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#cde5d8	italic
constant.character.format.placeholder.other.python	#cf8a68	—
markup.fenced_code.block	#cde5d8e6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Malachite 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#0c1210
activityBar.border#2c353299
activityBar.foreground#cde5d8
activityBar.inactiveForeground#505e58b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#0c1210
activityBarTop.foreground#cde5d8
activityBarTop.inactiveForeground#505e58b3
activityErrorBadge.background#ef7b8b
activityErrorBadge.foreground#000000
activityWarningBadge.background#f9cf67
activityWarningBadge.foreground#000000
agentsPanel.border#2c353299
badge.background#2c353299
badge.foreground#cde5d8
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#121c19
breadcrumb.focusForeground#cde5d8
breadcrumb.foreground#505e58
breadcrumbPicker.background#0c1210
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#0c1210
button.secondaryForeground#cde5d8
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#363e3c
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#1a211f
chat.requestBubbleHoverBackground#1a211f
chat.requestCodeBorder#36423d
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#19232000
commandCenter.activeForeground#cde5d8
commandCenter.border#192320
commandCenter.foreground#cde5d899
contrastActiveBorder#121c1900
contrastBorder#121c1900
debugConsole.errorForeground#ef7b8b
debugConsole.infoForeground#79c5d8
debugConsole.warningForeground#f9cf67
debugToolBar.background#0c1210
descriptionForeground#cde5d8cc
diffEditor.insertedLineBackground#b3e28314
diffEditor.insertedTextBackground#b3e28314
diffEditor.removedLineBackground#ef7b8b14
diffEditor.removedTextBackground#ef7b8b14
disabledForeground#44524dff
dropdown.background#0c1210
dropdown.border#ffffff0f
editor.background#121c19
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#cde5d8
editor.findRangeHighlightBackground#f9cf674d
editor.foreground#cde5d8
editor.lineHighlightBackground#2c353200
editor.lineHighlightBorder#2c353299
editor.selectionBackground#36635780
editor.selectionForeground#cde5d8
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#d5909e4d
editor.wordHighlightStrongBackground#b3e2834d
editorBracketMatch.background#121c19
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#44524d
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#ef7b8bb3
editorGroup.border#cde5d80f
editorGroupHeader.tabsBackground#121c19
editorGutter.addedBackground#b3e28399
editorGutter.addedSecondaryBackground#b3e28399
editorGutter.deletedBackground#ef7b8b99
editorGutter.deletedSecondaryBackground#ef7b8b99
editorGutter.modifiedBackground#7495d899
editorGutter.modifiedSecondaryBackground#7495d899
editorHoverWidget.background#0c1210
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#363e3c
editorIndentGuide.background#363e3cb3
editorInfo.foreground#7495d8b3
editorLineNumber.activeForeground#505e58
editorLineNumber.foreground#36423dff
editorLink.activeForeground#cde5d8
editorMarkerNavigation.background#cde5d80d
editorOverviewRuler.border#121c19
editorOverviewRuler.errorForeground#ef7b8b99
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#7495d899
editorOverviewRuler.warningForeground#f9cf6799
editorRuler.foreground#363e3c
editorStickyScrollHover.background#3663574d
editorSuggestWidget.background#0c1210
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#cde5d8
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#2c353299
editorWarning.foreground#f9cf67b3
editorWhitespace.foreground#313a37ff
editorWidget.background#0c1210
editorWidget.border#2578b3
editorWidget.resizeBorder#2578b3
extensionBadge.remoteForeground#cde5d8
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#cde5d8
gitDecoration.conflictingResourceForeground#f9cf67e6
gitDecoration.deletedResourceForeground#ef7b8be6
gitDecoration.ignoredResourceForeground#505e5880
gitDecoration.modifiedResourceForeground#7495d8e6
gitDecoration.untrackedResourceForeground#b3e283e6
icon.foreground#cde5d8b3
inlineChatInput.border#ffffff0f
input.background#1a211f
input.border#ffffff0f
input.foreground#cde5d8
input.placeholderForeground#cde5d866
inputOption.activeBackground#cde5d84d
inputOption.activeBorder#cde5d84d
inputValidation.errorBorder#ef7b8b
inputValidation.infoBorder#7495d8
inputValidation.warningBorder#f9cf67
keybindingLabel.border#2c3532
keybindingLabel.bottomBorder#2c3532
list.activeSelectionBackground#0c1210ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#cde5d81a
list.dropBetweenBackground#cde5d81a
list.focusBackground#cde5d826
list.focusForeground#cde5d8
list.highlightForeground#2578b3
list.hoverBackground#0c1210
list.hoverForeground#e6f2ec
list.inactiveSelectionBackground#cde5d81a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#cde5d81a
listFilterWidget.noMatchesOutline#cde5d81a
listFilterWidget.outline#cde5d81a
menu.background#0c1210
menu.border#192320
menu.foreground#cde5d8
menu.selectionBackground#2c353299
menu.selectionBorder#cde5d81a
menu.selectionForeground#2578b3
menu.separatorBackground#cde5d8
menubar.selectionBackground#cde5d81a
menubar.selectionBorder#cde5d81a
menubar.selectionForeground#2578b3
merge.border#121c1900
merge.currentHeaderBackground#b3e2834d
merge.incomingHeaderBackground#7495d84d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#0c1210
notifications.foreground#cde5d8
notificationsWarningIcon.foreground#f9cf67
notificationToast.border#ffffff0f
panel.background#0c1210ff
panel.border#2c353299
panelSection.dropBackground#cde5d81a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#cde5d8
panelTitle.inactiveForeground#cde5d866
peekView.border#0000004d
peekViewEditor.background#1a211f
peekViewEditor.matchHighlightBackground#366357
peekViewEditorGutter.background#1a211f
peekViewResult.background#1a211f
peekViewResult.matchHighlightBackground#366357
peekViewResult.selectionBackground#505e58b3
peekViewTitle.background#1a211f
peekViewTitleDescription.foreground#cde5d899
pickerGroup.border#2c3532
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#0c1210ff
quickInput.foreground#505e58
quickInputList.focusBackground#cde5d826
quickInputList.focusIconForeground#cde5d8
quickInputTitle.background#0c1210
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#798b8221
scrollbarSlider.hoverBackground#798b822e
selection.background#2578b3
settings.checkboxBackground#0c1210
settings.checkboxForeground#cde5d8
settings.dropdownBackground#0c1210
settings.dropdownForeground#cde5d8
settings.headerForeground#cde5d8
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#0c1210
settings.numberInputForeground#cde5d8
settings.textInputBackground#0c1210
settings.textInputForeground#cde5d8
sideBar.background#0c1210
sideBar.border#2c353299
sideBar.foreground#505e58
sideBarActivityBarTop.border#2c353299
sideBarSectionHeader.background#0c1210
sideBarSectionHeader.border#2c353299
sideBarStickyScroll.border#2c353299
sideBarTitle.foreground#cde5d8
statusBar.background#0c1210
statusBar.border#2c353299
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#708078
statusBar.noFolderBackground#0c1210
statusBarItem.hoverBackground#44524d33
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#121c19
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#e6f2ec
tab.activeModifiedBorder#2578b300
tab.border#121c19
tab.inactiveBackground#121c19
tab.inactiveForeground#505e58
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#44524d00
tab.unfocusedActiveForeground#cde5d8
terminal.ansiBlack#000000
terminal.ansiBlue#7495d8
terminal.ansiBrightBlack#44524d
terminal.ansiBrightBlue#7495d8
terminal.ansiBrightCyan#79c5d8
terminal.ansiBrightGreen#b3e283
terminal.ansiBrightMagenta#a989cd
terminal.ansiBrightRed#ef7b8b
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f9cf67
terminal.ansiCyan#79c5d8
terminal.ansiGreen#b3e283
terminal.ansiMagenta#a989cd
terminal.ansiRed#ef7b8b
terminal.ansiWhite#ffffff
terminal.ansiYellow#f9cf67
terminalCommandGuide.foreground#363e3c
terminalCursor.background#000000
terminalCursor.foreground#f9cf67
textLink.activeForeground#cde5d8
textLink.foreground#2578b3
textPreformat.background#2c353299
textPreformat.foreground#cde5d8b3
titleBar.activeBackground#0c1210
titleBar.activeForeground#cde5d8
titleBar.border#2c353299
titleBar.inactiveBackground#0c1210
titleBar.inactiveForeground#505e58
toolbar.activeBackground#2578b326
toolbar.hoverBackground#cde5d81a
tree.indentGuidesStroke#363e3c
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#cde5d8	—
string	#b3e283	—
punctuation, constant.other.symbol	#79c5d8	—
constant.character.escape, text.html constant.character.entity.named	#cde5d8	—
constant.language.boolean	#d5909e	—
constant.numeric	#cf8a68	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#cde5d8	—
keyword.other	#cf8a68	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#79c5d8	—
entity.name.function, support.function	#7495d8	—
storage.type, storage.modifier, storage.control	#a989cd	—
support.module, support.node	#ef7b8b	italic
support.type, constant.other.key	#f9cf67	—
entity.name.type, entity.other.inherited-class, entity.other	#f9cf67	—
comment	#44524d	italic
comment punctuation.definition.comment	#44524d	italic
punctuation	#79c5d8	—
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	#7495d8	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#79c5d8	—
meta.embedded, source.groovy.embedded, meta.template.expression	#cde5d8	—
entity.name.tag.yaml	#ef7b8b	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#ef7b8b	—
constant.language.json	#79c5d8	—
meta.structure.dictionary.json support.type.property-name.json	#a989cd	—
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	#cf8a68	—
meta.structure.dictionary.json meta.structure.dictionary.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	#7495d8	—
meta.structure.dictionary.json meta.structure.dictionary.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	#d5909e	—
meta.structure.dictionary.json meta.structure.dictionary.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	#a989cd	—
meta.structure.dictionary.json meta.structure.dictionary.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	#cf8a68	—
source.css entity.name.tag	#f9cf67	—
support.type.property-name.css	#9dc8c7	—
meta.tag, punctuation.definition.tag	#79c5d8	—
entity.name.tag	#ef7b8b	—
entity.other.attribute-name	#a989cd	—
punctuation.definition.entity.html	#cde5d8	—
markup.heading	#79c5d8	—
text.html.markdown meta.link.inline, meta.link.reference	#ef7b8b	—
text.html.markdown beginning.punctuation.definition.list	#79c5d8	—
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	#79c5d8	italic
punctuation.definition.quote	#d5909e	—
keyword.other.definition.ini	#ef7b8b	—
entity.name.section.group-title.ini	#79c5d8	—
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	#7495d8	—
source.cs storage.type	#f9cf67	—
source.cs meta.method.return-type	#f9cf67	—
source.cs meta.preprocessor	#44524d	—
source.cs entity.name.type.namespace	#cde5d8	—
meta.jsx.children, SXNested	#cde5d8	—
support.class.component	#f9cf67	—
source.cpp meta.block variable.other	#cde5d8	—
source.python meta.member.access.python	#ef7b8b	—
source.python meta.function-call.python, meta.function-call.arguments	#7495d8	—
meta.block	#ef7b8b	—
entity.name.function.call, support.function.builtin	#7495d8	—
source.php support.other.namespace, source.php meta.use support.class	#cde5d8	—
constant.keyword	#79c5d8	italic
entity.name.function	#7495d8	—
constant.other.placeholder	#ef7b8b	—
markup.deleted	#ef7b8b	—
markup.inserted	#b3e283	—
markup.underline	—	underline
keyword.control	#79c5d8	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#cde5d8	italic
constant.character.format.placeholder.other.python	#cf8a68	—
markup.fenced_code.block	#cde5d8e6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Obsidian

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#111113
activityBar.border#11111399
activityBar.foreground#d6d8db
activityBar.inactiveForeground#5c5d5fb3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#111113
activityBarTop.foreground#d6d8db
activityBarTop.inactiveForeground#5c5d5fb3
activityErrorBadge.background#c86c79
activityErrorBadge.foreground#000000
activityWarningBadge.background#ceae5d
activityWarningBadge.foreground#000000
agentsPanel.border#11111399
badge.background#2b2b2d99
badge.foreground#d6d8db
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#111113
breadcrumb.focusForeground#d6d8db
breadcrumb.foreground#5c5d5f
breadcrumbPicker.background#111113
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#111113
button.secondaryForeground#d6d8db
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#353536
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#1c1c1e
chat.requestBubbleHoverBackground#1c1c1e
chat.requestCodeBorder#363739
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#18181a00
commandCenter.activeForeground#d6d8db
commandCenter.border#18181a
commandCenter.foreground#d6d8db99
contrastActiveBorder#11111300
contrastBorder#11111300
debugConsole.errorForeground#c86c79
debugConsole.infoForeground#70bed1
debugConsole.warningForeground#ceae5d
debugToolBar.background#111113
descriptionForeground#d6d8dbcc
diffEditor.insertedLineBackground#98bd7314
diffEditor.insertedTextBackground#98bd7314
diffEditor.removedLineBackground#c86c7914
diffEditor.removedTextBackground#c86c7914
disabledForeground#464749ff
dropdown.background#111113
dropdown.border#ffffff0f
editor.background#111113
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#d6d8db
editor.findRangeHighlightBackground#ceae5d4d
editor.foreground#d6d8db
editor.lineHighlightBackground#2b2b2d00
editor.lineHighlightBorder#2b2b2d99
editor.selectionBackground#3d445280
editor.selectionForeground#d6d8db
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#d57e954d
editor.wordHighlightStrongBackground#98bd734d
editorBracketMatch.background#111113
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#464749
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#c86c79b3
editorGroup.border#d6d8db0f
editorGroupHeader.tabsBackground#111113
editorGutter.addedBackground#98bd7399
editorGutter.addedSecondaryBackground#98bd7399
editorGutter.deletedBackground#c86c7999
editorGutter.deletedSecondaryBackground#c86c7999
editorGutter.modifiedBackground#6c83d199
editorGutter.modifiedSecondaryBackground#6c83d199
editorHoverWidget.background#111113
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#353536
editorIndentGuide.background#353536b3
editorInfo.foreground#6c83d1b3
editorLineNumber.activeForeground#5c5d5f
editorLineNumber.foreground#363739ff
editorLink.activeForeground#d6d8db
editorMarkerNavigation.background#d6d8db0d
editorOverviewRuler.border#111113
editorOverviewRuler.errorForeground#c86c7999
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#6c83d199
editorOverviewRuler.warningForeground#ceae5d99
editorRuler.foreground#353536
editorStickyScrollHover.background#3d44524d
editorSuggestWidget.background#111113
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#d6d8db
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#2b2b2d99
editorWarning.foreground#ceae5db3
editorWhitespace.foreground#303032ff
editorWidget.background#111113
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#98bd73
focusBorder#ffffff00
foreground#d6d8db
gitDecoration.conflictingResourceForeground#ceae5de6
gitDecoration.deletedResourceForeground#c86c79e6
gitDecoration.ignoredResourceForeground#5c5d5f80
gitDecoration.modifiedResourceForeground#6c83d1e6
gitDecoration.untrackedResourceForeground#98bd73e6
icon.foreground#d6d8dbb3
inlineChatInput.border#ffffff0f
input.background#1c1c1e
input.border#ffffff0f
input.foreground#d6d8db
input.placeholderForeground#d6d8db66
inputOption.activeBackground#d6d8db4d
inputOption.activeBorder#d6d8db4d
inputValidation.errorBorder#c86c79
inputValidation.infoBorder#6c83d1
inputValidation.warningBorder#ceae5d
keybindingLabel.border#111113
keybindingLabel.bottomBorder#111113
list.activeSelectionBackground#111113ff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#d6d8db1a
list.dropBetweenBackground#d6d8db1a
list.focusBackground#d6d8db26
list.focusForeground#d6d8db
list.highlightForeground#2578b3
list.hoverBackground#111113
list.hoverForeground#ebeced
list.inactiveSelectionBackground#d6d8db1a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#d6d8db1a
listFilterWidget.noMatchesOutline#d6d8db1a
listFilterWidget.outline#d6d8db1a
menu.background#111113
menu.border#18181a
menu.foreground#d6d8db
menu.selectionBackground#2b2b2d99
menu.selectionBorder#d6d8db1a
menu.selectionForeground#2578b3
menu.separatorBackground#d6d8db
menubar.selectionBackground#d6d8db1a
menubar.selectionBorder#d6d8db1a
menubar.selectionForeground#2578b3
merge.border#11111300
merge.currentHeaderBackground#98bd734d
merge.incomingHeaderBackground#6c83d14d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#111113
notifications.foreground#d6d8db
notificationsWarningIcon.foreground#ceae5d
notificationToast.border#ffffff0f
panel.background#111113ff
panel.border#11111399
panelSection.dropBackground#d6d8db1a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#d6d8db
panelTitle.inactiveForeground#d6d8db66
peekView.border#0000004d
peekViewEditor.background#1c1c1e
peekViewEditor.matchHighlightBackground#3d4452
peekViewEditorGutter.background#1c1c1e
peekViewResult.background#1c1c1e
peekViewResult.matchHighlightBackground#3d4452
peekViewResult.selectionBackground#5c5d5fb3
peekViewTitle.background#1c1c1e
peekViewTitleDescription.foreground#d6d8db99
pickerGroup.border#111113
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#111113ff
quickInput.foreground#5c5d5f
quickInputList.focusBackground#d6d8db26
quickInputList.focusIconForeground#d6d8db
quickInputTitle.background#111113
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#7d7e8121
scrollbarSlider.hoverBackground#7d7e812e
selection.background#2578b3
settings.checkboxBackground#111113
settings.checkboxForeground#d6d8db
settings.dropdownBackground#111113
settings.dropdownForeground#d6d8db
settings.headerForeground#d6d8db
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#111113
settings.numberInputForeground#d6d8db
settings.textInputBackground#111113
settings.textInputForeground#d6d8db
sideBar.background#111113
sideBar.border#11111399
sideBar.foreground#5c5d5f
sideBarActivityBarTop.border#11111399
sideBarSectionHeader.background#111113
sideBarSectionHeader.border#11111399
sideBarStickyScroll.border#11111399
sideBarTitle.foreground#d6d8db
statusBar.background#111113
statusBar.border#11111399
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#7b7c7f
statusBar.noFolderBackground#111113
statusBarItem.hoverBackground#46474933
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#111113
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#ebeced
tab.activeModifiedBorder#2578b300
tab.border#111113
tab.inactiveBackground#111113
tab.inactiveForeground#5c5d5f
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#46474900
tab.unfocusedActiveForeground#d6d8db
terminal.ansiBlack#000000
terminal.ansiBlue#6c83d1
terminal.ansiBrightBlack#464749
terminal.ansiBrightBlue#6c83d1
terminal.ansiBrightCyan#70bed1
terminal.ansiBrightGreen#98bd73
terminal.ansiBrightMagenta#a17ac2
terminal.ansiBrightRed#c86c79
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ceae5d
terminal.ansiCyan#70bed1
terminal.ansiGreen#98bd73
terminal.ansiMagenta#a17ac2
terminal.ansiRed#c86c79
terminal.ansiWhite#ffffff
terminal.ansiYellow#ceae5d
terminalCommandGuide.foreground#353536
terminalCursor.background#000000
terminalCursor.foreground#ceae5d
textLink.activeForeground#d6d8db
textLink.foreground#2578b3
textPreformat.background#2b2b2d99
textPreformat.foreground#d6d8dbb3
titleBar.activeBackground#111113
titleBar.activeForeground#d6d8db
titleBar.border#11111399
titleBar.inactiveBackground#111113
titleBar.inactiveForeground#5c5d5f
toolbar.activeBackground#2578b326
toolbar.hoverBackground#d6d8db1a
tree.indentGuidesStroke#353536
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#d6d8db	—
string	#98bd73	—
punctuation, constant.other.symbol	#70bed1	—
constant.character.escape, text.html constant.character.entity.named	#d6d8db	—
constant.language.boolean	#d57e95	—
constant.numeric	#c97e5e	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#d6d8db	—
keyword.other	#c97e5e	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#70bed1	—
entity.name.function, support.function	#6c83d1	—
storage.type, storage.modifier, storage.control	#a17ac2	—
support.module, support.node	#c86c79	italic
support.type, constant.other.key	#ceae5d	—
entity.name.type, entity.other.inherited-class, entity.other	#ceae5d	—
comment	#464749	italic
comment punctuation.definition.comment	#464749	italic
punctuation	#70bed1	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#ceae5d	—
variable.object.property, meta.field.declaration entity.name.function	#c86c79	—
meta.definition.method entity.name.function	#c86c79	—
meta.function entity.name.function	#6c83d1	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#70bed1	—
meta.embedded, source.groovy.embedded, meta.template.expression	#d6d8db	—
entity.name.tag.yaml	#c86c79	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#c86c79	—
constant.language.json	#70bed1	—
meta.structure.dictionary.json support.type.property-name.json	#a17ac2	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ceae5d	—
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	#c97e5e	—
meta.structure.dictionary.json meta.structure.dictionary.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	#c86c79	—
meta.structure.dictionary.json meta.structure.dictionary.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	#9a7b62	—
meta.structure.dictionary.json meta.structure.dictionary.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	#6c83d1	—
meta.structure.dictionary.json meta.structure.dictionary.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	#d57e95	—
meta.structure.dictionary.json meta.structure.dictionary.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	#a17ac2	—
meta.structure.dictionary.json meta.structure.dictionary.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	#98bd73	—
entity.other.attribute-name.class	#ceae5d	—
entity.other.attribute-name.id	#c97e5e	—
source.css entity.name.tag	#ceae5d	—
support.type.property-name.css	#a2bec7	—
meta.tag, punctuation.definition.tag	#70bed1	—
entity.name.tag	#c86c79	—
entity.other.attribute-name	#a17ac2	—
punctuation.definition.entity.html	#d6d8db	—
markup.heading	#70bed1	—
text.html.markdown meta.link.inline, meta.link.reference	#c86c79	—
text.html.markdown beginning.punctuation.definition.list	#70bed1	—
markup.italic	#c86c79	italic
markup.bold	#c86c79	bold
markup.bold markup.italic, markup.italic markup.bold	#c86c79	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#98bd73	—
markup.inline.raw.string.markdown	#98bd73	—
markup.quote	#70bed1	italic
punctuation.definition.quote	#d57e95	—
keyword.other.definition.ini	#c86c79	—
entity.name.section.group-title.ini	#70bed1	—
source.cs meta.class.identifier storage.type	#ceae5d	—
source.cs meta.method.identifier entity.name.function	#c86c79	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#6c83d1	—
source.cs storage.type	#ceae5d	—
source.cs meta.method.return-type	#ceae5d	—
source.cs meta.preprocessor	#464749	—
source.cs entity.name.type.namespace	#d6d8db	—
meta.jsx.children, SXNested	#d6d8db	—
support.class.component	#ceae5d	—
source.cpp meta.block variable.other	#d6d8db	—
source.python meta.member.access.python	#c86c79	—
source.python meta.function-call.python, meta.function-call.arguments	#6c83d1	—
meta.block	#c86c79	—
entity.name.function.call, support.function.builtin	#6c83d1	—
source.php support.other.namespace, source.php meta.use support.class	#d6d8db	—
constant.keyword	#70bed1	italic
entity.name.function	#6c83d1	—
constant.other.placeholder	#c86c79	—
markup.deleted	#c86c79	—
markup.inserted	#98bd73	—
markup.underline	—	underline
keyword.control	#70bed1	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#d6d8db	italic
constant.character.format.placeholder.other.python	#c97e5e	—
markup.fenced_code.block	#d6d8dbe6	—

VS Code preview

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

Chromaleon Theme — Chromaleon Obsidian 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#0b0b0c
activityBar.border#2b2b2d99
activityBar.foreground#d6d8db
activityBar.inactiveForeground#535456b3
activityBarBadge.background#2578b3
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#2578b3
activityBarTop.background#0b0b0c
activityBarTop.foreground#d6d8db
activityBarTop.inactiveForeground#535456b3
activityErrorBadge.background#c86c79
activityErrorBadge.foreground#000000
activityWarningBadge.background#ceae5d
activityWarningBadge.foreground#000000
agentsPanel.border#2b2b2d99
badge.background#2b2b2d99
badge.foreground#d6d8db
breadcrumb.activeSelectionForeground#2578b3
breadcrumb.background#111113
breadcrumb.focusForeground#d6d8db
breadcrumb.foreground#535456
breadcrumbPicker.background#0b0b0c
button.background#2578b3
button.foreground#ffffff
button.hoverBackground#2578b3cc
button.secondaryBackground#0b0b0c
button.secondaryForeground#d6d8db
button.separator#ffffff33
chat.avatarForeground#2578b3
chat.checkpointSeparator#353536
chat.requestBorder#ffffff0f
chat.requestBubbleBackground#19191a
chat.requestBubbleHoverBackground#19191a
chat.requestCodeBorder#363739
chat.slashCommandBackground#ffffff00
chat.slashCommandForeground#2578b3
commandCenter.activeBorder#18181a00
commandCenter.activeForeground#d6d8db
commandCenter.border#18181a
commandCenter.foreground#d6d8db99
contrastActiveBorder#11111300
contrastBorder#11111300
debugConsole.errorForeground#c86c79
debugConsole.infoForeground#70bed1
debugConsole.warningForeground#ceae5d
debugToolBar.background#0b0b0c
descriptionForeground#d6d8dbcc
diffEditor.insertedLineBackground#98bd7314
diffEditor.insertedTextBackground#98bd7314
diffEditor.removedLineBackground#c86c7914
diffEditor.removedTextBackground#c86c7914
disabledForeground#464749ff
dropdown.background#0b0b0c
dropdown.border#ffffff0f
editor.background#111113
editor.findMatchBackground#ffffff26
editor.findMatchBorder#2578b3
editor.findMatchHighlightBackground#ffffff1a
editor.findMatchHighlightBorder#ffffff4d
editor.findMatchHighlightForeground#d6d8db
editor.findRangeHighlightBackground#ceae5d4d
editor.foreground#d6d8db
editor.lineHighlightBackground#2b2b2d00
editor.lineHighlightBorder#2b2b2d99
editor.selectionBackground#3d445280
editor.selectionForeground#d6d8db
editor.selectionHighlightBackground#ffcb0f33
editor.wordHighlightBackground#d57e954d
editor.wordHighlightStrongBackground#98bd734d
editorBracketMatch.background#111113
editorBracketMatch.border#ffcb0f80
editorCodeLens.foreground#464749
editorCursor.background#ffcb0f
editorCursor.foreground#ffcb0f
editorError.foreground#c86c79b3
editorGroup.border#d6d8db0f
editorGroupHeader.tabsBackground#111113
editorGutter.addedBackground#98bd7399
editorGutter.addedSecondaryBackground#98bd7399
editorGutter.deletedBackground#c86c7999
editorGutter.deletedSecondaryBackground#c86c7999
editorGutter.modifiedBackground#6c83d199
editorGutter.modifiedSecondaryBackground#6c83d199
editorHoverWidget.background#0b0b0c
editorHoverWidget.border#ffffff0f
editorIndentGuide.activeBackground#353536
editorIndentGuide.background#353536b3
editorInfo.foreground#6c83d1b3
editorLineNumber.activeForeground#535456
editorLineNumber.foreground#363739ff
editorLink.activeForeground#d6d8db
editorMarkerNavigation.background#d6d8db0d
editorOverviewRuler.border#111113
editorOverviewRuler.errorForeground#c86c7999
editorOverviewRuler.findMatchForeground#2578b3
editorOverviewRuler.infoForeground#6c83d199
editorOverviewRuler.warningForeground#ceae5d99
editorRuler.foreground#353536
editorStickyScrollHover.background#3d44524d
editorSuggestWidget.background#0b0b0c
editorSuggestWidget.border#ffffff0f
editorSuggestWidget.foreground#d6d8db
editorSuggestWidget.highlightForeground#2578b3
editorSuggestWidget.selectedBackground#2b2b2d99
editorWarning.foreground#ceae5db3
editorWhitespace.foreground#303032ff
editorWidget.background#0b0b0c
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#98bd73
focusBorder#ffffff00
foreground#d6d8db
gitDecoration.conflictingResourceForeground#ceae5de6
gitDecoration.deletedResourceForeground#c86c79e6
gitDecoration.ignoredResourceForeground#53545680
gitDecoration.modifiedResourceForeground#6c83d1e6
gitDecoration.untrackedResourceForeground#98bd73e6
icon.foreground#d6d8dbb3
inlineChatInput.border#ffffff0f
input.background#19191a
input.border#ffffff0f
input.foreground#d6d8db
input.placeholderForeground#d6d8db66
inputOption.activeBackground#d6d8db4d
inputOption.activeBorder#d6d8db4d
inputValidation.errorBorder#c86c79
inputValidation.infoBorder#6c83d1
inputValidation.warningBorder#ceae5d
keybindingLabel.border#2b2b2d
keybindingLabel.bottomBorder#2b2b2d
list.activeSelectionBackground#0b0b0cff
list.activeSelectionForeground#2578b3
list.activeSelectionIconForeground#2578b3
list.dropBackground#d6d8db1a
list.dropBetweenBackground#d6d8db1a
list.focusBackground#d6d8db26
list.focusForeground#d6d8db
list.highlightForeground#2578b3
list.hoverBackground#0b0b0c
list.hoverForeground#ebeced
list.inactiveSelectionBackground#d6d8db1a
list.inactiveSelectionForeground#2578b3
list.inactiveSelectionIconForeground#2578b3
listFilterWidget.background#d6d8db1a
listFilterWidget.noMatchesOutline#d6d8db1a
listFilterWidget.outline#d6d8db1a
menu.background#0b0b0c
menu.border#18181a
menu.foreground#d6d8db
menu.selectionBackground#2b2b2d99
menu.selectionBorder#d6d8db1a
menu.selectionForeground#2578b3
menu.separatorBackground#d6d8db
menubar.selectionBackground#d6d8db1a
menubar.selectionBorder#d6d8db1a
menubar.selectionForeground#2578b3
merge.border#11111300
merge.currentHeaderBackground#98bd734d
merge.incomingHeaderBackground#6c83d14d
notebook.focusedCellBorder#2578b3
notebook.inactiveFocusedCellBorder#2578b380
notificationLink.foreground#2578b3
notifications.background#0b0b0c
notifications.foreground#d6d8db
notificationsWarningIcon.foreground#ceae5d
notificationToast.border#ffffff0f
panel.background#0b0b0cff
panel.border#2b2b2d99
panelSection.dropBackground#d6d8db1a
panelTitle.activeBorder#2578b3
panelTitle.activeForeground#d6d8db
panelTitle.inactiveForeground#d6d8db66
peekView.border#0000004d
peekViewEditor.background#19191a
peekViewEditor.matchHighlightBackground#3d4452
peekViewEditorGutter.background#19191a
peekViewResult.background#19191a
peekViewResult.matchHighlightBackground#3d4452
peekViewResult.selectionBackground#535456b3
peekViewTitle.background#19191a
peekViewTitleDescription.foreground#d6d8db99
pickerGroup.border#2b2b2d
pickerGroup.foreground#2578b3
progressBar.background#2578b3
quickInput.background#0b0b0cff
quickInput.foreground#535456
quickInputList.focusBackground#d6d8db26
quickInputList.focusIconForeground#d6d8db
quickInputTitle.background#0b0b0c
sash.hoverBorder#2578b380
scrollbar.shadow#0000004d
scrollbarSlider.activeBackground#2578b3
scrollbarSlider.background#7d7e8121
scrollbarSlider.hoverBackground#7d7e812e
selection.background#2578b3
settings.checkboxBackground#0b0b0c
settings.checkboxForeground#d6d8db
settings.dropdownBackground#0b0b0c
settings.dropdownForeground#d6d8db
settings.headerForeground#d6d8db
settings.modifiedItemIndicator#2578b3
settings.numberInputBackground#0b0b0c
settings.numberInputForeground#d6d8db
settings.textInputBackground#0b0b0c
settings.textInputForeground#d6d8db
sideBar.background#0b0b0c
sideBar.border#2b2b2d99
sideBar.foreground#535456
sideBarActivityBarTop.border#2b2b2d99
sideBarSectionHeader.background#0b0b0c
sideBarSectionHeader.border#2b2b2d99
sideBarStickyScroll.border#2b2b2d99
sideBarTitle.foreground#d6d8db
statusBar.background#0b0b0c
statusBar.border#2b2b2d99
statusBar.debuggingBackground#2578b31a
statusBar.debuggingForeground#2578b3
statusBar.foreground#797a7c
statusBar.noFolderBackground#0b0b0c
statusBarItem.hoverBackground#46474933
statusBarItem.remoteBackground#2578b314
statusBarItem.remoteForeground#2578b3
statusBarItem.remoteHoverBackground#2578b3
statusBarItem.remoteHoverForeground#ffffff
tab.activeBackground#111113
tab.activeBorder#2578b3
tab.activeBorderTop#2578b300
tab.activeForeground#ebeced
tab.activeModifiedBorder#2578b300
tab.border#111113
tab.inactiveBackground#111113
tab.inactiveForeground#535456
tab.unfocusedActiveBorder#2578b3
tab.unfocusedActiveBorderTop#46474900
tab.unfocusedActiveForeground#d6d8db
terminal.ansiBlack#000000
terminal.ansiBlue#6c83d1
terminal.ansiBrightBlack#464749
terminal.ansiBrightBlue#6c83d1
terminal.ansiBrightCyan#70bed1
terminal.ansiBrightGreen#98bd73
terminal.ansiBrightMagenta#a17ac2
terminal.ansiBrightRed#c86c79
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ceae5d
terminal.ansiCyan#70bed1
terminal.ansiGreen#98bd73
terminal.ansiMagenta#a17ac2
terminal.ansiRed#c86c79
terminal.ansiWhite#ffffff
terminal.ansiYellow#ceae5d
terminalCommandGuide.foreground#353536
terminalCursor.background#000000
terminalCursor.foreground#ceae5d
textLink.activeForeground#d6d8db
textLink.foreground#2578b3
textPreformat.background#2b2b2d99
textPreformat.foreground#d6d8dbb3
titleBar.activeBackground#0b0b0c
titleBar.activeForeground#d6d8db
titleBar.border#2b2b2d99
titleBar.inactiveBackground#0b0b0c
titleBar.inactiveForeground#535456
toolbar.activeBackground#2578b326
toolbar.hoverBackground#d6d8db1a
tree.indentGuidesStroke#353536
widget.border#ffffff0f
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#d6d8db	—
string	#98bd73	—
punctuation, constant.other.symbol	#70bed1	—
constant.character.escape, text.html constant.character.entity.named	#d6d8db	—
constant.language.boolean	#d57e95	—
constant.numeric	#c97e5e	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#d6d8db	—
keyword.other	#c97e5e	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#70bed1	—
entity.name.function, support.function	#6c83d1	—
storage.type, storage.modifier, storage.control	#a17ac2	—
support.module, support.node	#c86c79	italic
support.type, constant.other.key	#ceae5d	—
entity.name.type, entity.other.inherited-class, entity.other	#ceae5d	—
comment	#464749	italic
comment punctuation.definition.comment	#464749	italic
punctuation	#70bed1	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#ceae5d	—
variable.object.property, meta.field.declaration entity.name.function	#c86c79	—
meta.definition.method entity.name.function	#c86c79	—
meta.function entity.name.function	#6c83d1	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#70bed1	—
meta.embedded, source.groovy.embedded, meta.template.expression	#d6d8db	—
entity.name.tag.yaml	#c86c79	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#c86c79	—
constant.language.json	#70bed1	—
meta.structure.dictionary.json support.type.property-name.json	#a17ac2	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ceae5d	—
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	#c97e5e	—
meta.structure.dictionary.json meta.structure.dictionary.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	#c86c79	—
meta.structure.dictionary.json meta.structure.dictionary.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	#9a7b62	—
meta.structure.dictionary.json meta.structure.dictionary.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	#6c83d1	—
meta.structure.dictionary.json meta.structure.dictionary.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	#d57e95	—
meta.structure.dictionary.json meta.structure.dictionary.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	#a17ac2	—
meta.structure.dictionary.json meta.structure.dictionary.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	#98bd73	—
entity.other.attribute-name.class	#ceae5d	—
entity.other.attribute-name.id	#c97e5e	—
source.css entity.name.tag	#ceae5d	—
support.type.property-name.css	#a2bec7	—
meta.tag, punctuation.definition.tag	#70bed1	—
entity.name.tag	#c86c79	—
entity.other.attribute-name	#a17ac2	—
punctuation.definition.entity.html	#d6d8db	—
markup.heading	#70bed1	—
text.html.markdown meta.link.inline, meta.link.reference	#c86c79	—
text.html.markdown beginning.punctuation.definition.list	#70bed1	—
markup.italic	#c86c79	italic
markup.bold	#c86c79	bold
markup.bold markup.italic, markup.italic markup.bold	#c86c79	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#98bd73	—
markup.inline.raw.string.markdown	#98bd73	—
markup.quote	#70bed1	italic
punctuation.definition.quote	#d57e95	—
keyword.other.definition.ini	#c86c79	—
entity.name.section.group-title.ini	#70bed1	—
source.cs meta.class.identifier storage.type	#ceae5d	—
source.cs meta.method.identifier entity.name.function	#c86c79	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#6c83d1	—
source.cs storage.type	#ceae5d	—
source.cs meta.method.return-type	#ceae5d	—
source.cs meta.preprocessor	#464749	—
source.cs entity.name.type.namespace	#d6d8db	—
meta.jsx.children, SXNested	#d6d8db	—
support.class.component	#ceae5d	—
source.cpp meta.block variable.other	#d6d8db	—
source.python meta.member.access.python	#c86c79	—
source.python meta.function-call.python, meta.function-call.arguments	#6c83d1	—
meta.block	#c86c79	—
entity.name.function.call, support.function.builtin	#6c83d1	—
source.php support.other.namespace, source.php meta.use support.class	#d6d8db	—
constant.keyword	#70bed1	italic
entity.name.function	#6c83d1	—
constant.other.placeholder	#c86c79	—
markup.deleted	#c86c79	—
markup.inserted	#98bd73	—
markup.underline	—	underline
keyword.control	#70bed1	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#d6d8db	italic
constant.character.format.placeholder.other.python	#c97e5e	—
markup.fenced_code.block	#d6d8dbe6	—