NexQL Themes

Name: NexQL Themes
Author: astrx.dev

Publisher: astrx.devThemes in package: 39

NexQL theme family — scenario-anchored variants (quiet keywords, disciplined spectrum, one reserved accent).

Open in VS Code GitHub

Color themes

VS Code preview

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

NexQL Themes — NexQL Audit Trail

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#00E5FF
activityBar.background#080B10
activityBar.border#1C2230
activityBar.foreground#E0E5EC
activityBar.inactiveForeground#607085
activityBarBadge.background#00E5FF
activityBarBadge.foreground#080B10
badge.background#1C2230
badge.foreground#E0E5EC
banner.background#121620
banner.foreground#E0E5EC
banner.iconForeground#00E5FF
breadcrumb.activeSelectionForeground#00E5FF
breadcrumb.background#05070A
breadcrumb.focusForeground#FFFFFF
breadcrumb.foreground#607085
button.background#00E5FF
button.foreground#080B10
button.hoverBackground#00e5ffd9
button.secondaryBackground#1C2230
button.secondaryForeground#E0E5EC
charts.blue#00E5FF
charts.foreground#E0E5EC
charts.green#00E676
charts.lines#2D384D
charts.orange#FFEA00
charts.purple#2979FF
charts.red#FF1744
charts.yellow#FFEA00
chat.avatarBackground#121620
chat.avatarForeground#E0E5EC
chat.background#05070A
chat.requestBackground#080B10
chat.requestBorder#1C2230
chat.slashCommandBackground#00e5ff33
chat.slashCommandForeground#00E5FF
checkbox.background#121620
checkbox.border#2D384D
checkbox.foreground#FFFFFF
checkbox.selectBackground#00E5FF
checkbox.selectBorder#00E5FF
commandCenter.activeBackground#1C2230
commandCenter.activeBorder#00E5FF
commandCenter.activeForeground#FFFFFF
commandCenter.background#121620
commandCenter.border#1C2230
commandCenter.debuggingBackground#FFEA00
commandCenter.foreground#A8B4C4
commandCenter.inactiveBorder#1C2230
commandCenter.inactiveForeground#607085
debugConsole.errorForeground#FF1744
debugConsole.infoForeground#E0E5EC
debugConsole.sourceForeground#A8B4C4
debugConsole.warningForeground#FFEA00
debugConsoleInputIcon.foreground#00E5FF
debugExceptionWidget.background#121620
debugExceptionWidget.border#FF1744
debugIcon.breakpointDisabledForeground#607085
debugIcon.breakpointForeground#FF1744
debugIcon.breakpointUnverifiedForeground#A8B4C4
debugIcon.continueForeground#00E676
debugIcon.disconnectForeground#FF1744
debugIcon.pauseForeground#00E5FF
debugIcon.restartForeground#00E676
debugIcon.startForeground#00E676
debugIcon.stepBackForeground#00E5FF
debugIcon.stepIntoForeground#00E5FF
debugIcon.stepOutForeground#00E5FF
debugIcon.stepOverForeground#00E5FF
debugIcon.stopForeground#FF1744
debugTokenExpression.boolean#00E676
debugTokenExpression.error#FF1744
debugTokenExpression.name#FFFFFF
debugTokenExpression.number#00E676
debugTokenExpression.string#FF9100
debugTokenExpression.value#A8B4C4
debugToolBar.background#121620
debugToolBar.border#2D384D
descriptionForeground#607085
diffEditor.insertedTextBackground#00e67626
diffEditor.removedTextBackground#ff174426
dropdown.background#121620
dropdown.border#2D384D
dropdown.foreground#FFFFFF
editor.background#080B10
editor.findMatchBackground#ffff0066
editor.findMatchHighlightBackground#00e5ff33
editor.focusedStackFrameHighlightBackground#00e67633
editor.foldBackground#00e5ff1a
editor.foreground#E0E5EC
editor.inactiveSelectionBackground#1c2230cc
editor.lineHighlightBackground#05070a99
editor.lineHighlightBorder#1C2230
editor.rangeHighlightBackground#00e5ff1f
editor.selectionBackground#00E5FF40
editor.selectionHighlightBackground#00e5ff33
editor.snippetFinalTabstopHighlightBorder#00E5FF
editor.snippetTabstopHighlightBackground#00e5ff33
editor.stackFrameHighlightBackground#ffea0033
editor.symbolHighlightBackground#ffff0033
editor.wordHighlightBackground#00e5ff26
editor.wordHighlightStrongBackground#00e5ff40
editorBracketMatch.background#00e5ff1f
editorBracketMatch.border#00E5FF
editorBracketPairGuide.activeBackground1#00E5FF
editorBracketPairGuide.background1#1C2230
editorCodeLens.foreground#607085
editorCursor.foreground#FFFFFF
editorError.foreground#FF1744
editorGhostText.foreground#607085a6
editorGroupHeader.tabsBackground#080B10
editorGroupHeader.tabsBorder#1C2230
editorGutter.addedBackground#00E676
editorGutter.background#080B10
editorGutter.deletedBackground#FF1744
editorGutter.modifiedBackground#2979FF
editorHint.foreground#A8B4C4
editorHoverWidget.background#121620
editorHoverWidget.border#2D384D
editorIndentGuide.activeBackground1#00e5ff73
editorIndentGuide.background1#1C2230
editorInfo.foreground#00E5FF
editorInlayHint.background#121620e6
editorInlayHint.foreground#607085
editorLightBulb.foreground#FFEA00
editorLightBulbAutoFix.foreground#00E5FF
editorLineNumber.activeForeground#FFFFFF
editorLineNumber.foreground#607085
editorLink.activeForeground#00E5FF
editorOverviewRuler.addedForeground#00E676
editorOverviewRuler.border#1C2230
editorOverviewRuler.bracketMatchForeground#00E5FF
editorOverviewRuler.commonContentForeground#607085
editorOverviewRuler.currentContentForeground#00E676
editorOverviewRuler.deletedForeground#FF1744
editorOverviewRuler.errorForeground#FF1744
editorOverviewRuler.findMatchForeground#ffff0080
editorOverviewRuler.incomingContentForeground#00E5FF
editorOverviewRuler.infoForeground#00E5FF
editorOverviewRuler.modifiedForeground#2979FF
editorOverviewRuler.selectionHighlightForeground#00e5ff66
editorOverviewRuler.warningForeground#FFEA00
editorOverviewRuler.wordHighlightForeground#00e5ff66
editorRuler.foreground#1C2230
editorStickyScroll.background#05070A
editorStickyScroll.border#1C2230
editorStickyScrollHover.background#121620
editorSuggestWidget.background#121620
editorSuggestWidget.border#2D384D
editorSuggestWidget.foreground#E0E5EC
editorSuggestWidget.highlightForeground#00E5FF
editorSuggestWidget.selectedBackground#202E3F
editorSuggestWidget.selectedForeground#FFFFFF
editorWarning.foreground#FFEA00
editorWhitespace.foreground#60708559
editorWidget.background#121620
editorWidget.border#2D384D
errorForeground#FF1744
extensionButton.background#00E5FF
extensionButton.foreground#080B10
extensionButton.hoverBackground#00e5ffd9
extensionButton.prominentBackground#00E5FF
extensionButton.prominentForeground#080B10
extensionButton.prominentHoverBackground#00e5ffd9
focusBorder#00E5FF
foreground#E0E5EC
gauge.errorBackground#ff174433
gauge.errorForeground#FF1744
gauge.infoBackground#00e5ff33
gauge.infoForeground#00E5FF
gauge.warningBackground#ffea0033
gauge.warningForeground#FFEA00
gitDecoration.addedResourceForeground#00E676
gitDecoration.conflictingResourceForeground#FF1744
gitDecoration.deletedResourceForeground#FF1744
gitDecoration.ignoredResourceForeground#607085
gitDecoration.modifiedResourceForeground#2979FF
gitDecoration.renamedResourceForeground#00E676
gitDecoration.stageDeletedResourceForeground#FF1744
gitDecoration.stageModifiedResourceForeground#2979FF
gitDecoration.submoduleResourceForeground#00E5FF
gitDecoration.untrackedResourceForeground#00E676
icon.foreground#A8B4C4
inlineChat.background#121620
inlineChat.border#2D384D
inlineChat.shadow#080b1080
inlineChatDiff.inserted#00e67626
inlineChatDiff.removed#ff174426
inlineChatInput.background#080B10
inlineChatInput.border#1C2230
inlineChatInput.focusBorder#00E5FF
inlineChatInput.placeholderForeground#607085
input.background#121620
input.border#2D384D
input.foreground#FFFFFF
input.placeholderForeground#607085
inputOption.activeBorder#00E5FF
inputValidation.errorBackground#ff174426
inputValidation.errorBorder#FF1744
inputValidation.warningBackground#ffea0026
inputValidation.warningBorder#FFEA00
keybindingLabel.background#1C2230
keybindingLabel.border#2D384D
keybindingLabel.foreground#FFFFFF
list.activeSelectionBackground#202E3F
list.activeSelectionForeground#FFFFFF
list.deemphasizedForeground#607085
list.dropBackground#00e5ff33
list.errorForeground#FF1744
list.filterMatchBackground#ffff0059
list.focusBackground#202E3F
list.focusForeground#FFFFFF
list.focusHighlightForeground#00e5ffbf
list.focusOutline#00e5ff80
list.highlightForeground#00E5FF
list.hoverBackground#1C2230
list.hoverForeground#FFFFFF
list.inactiveSelectionBackground#1C2230
list.inactiveSelectionForeground#E0E5EC
list.warningForeground#FFEA00
listFilterWidget.background#121620
listFilterWidget.noMatchesOutline#FF1744
listFilterWidget.outline#00E5FF
menu.background#121620
menu.border#2D384D
menu.foreground#E0E5EC
menu.selectionBackground#202E3F
menu.selectionForeground#FFFFFF
menu.separatorBackground#2D384D
menubar.selectionBackground#00e5ff33
menubar.selectionBorder#00E5FF
menubar.selectionForeground#FFFFFF
merge.border#2D384D
merge.commonContentBackground#1c223059
merge.commonHeaderBackground#1c223080
merge.currentContentBackground#00e67633
merge.currentHeaderBackground#00e67666
merge.incomingContentBackground#00e5ff33
merge.incomingHeaderBackground#00e5ff66
minimap.background#080B10
minimap.errorHighlight#FF1744
minimap.findMatchHighlight#ffff0080
minimap.selectionHighlight#00e5ff80
minimap.warningHighlight#FFEA00
minimapGutter.addedBackground#00E676
minimapGutter.deletedBackground#FF1744
minimapGutter.modifiedBackground#2979FF
minimapSlider.activeBackground#00e5ff80
minimapSlider.background#1c223080
minimapSlider.hoverBackground#2d384d99
multiDiffEditor.background#080B10
multiDiffEditor.border#1C2230
multiDiffEditor.headerBackground#121620
notebook.cellBorderColor#1C2230
notebook.cellEditorBackground#05070A
notebook.cellHoverBackground#05070a80
notebook.cellStatusBarItemHoverBackground#1C2230
notebook.editorBackground#080B10
notebook.focusedCellBackground#1c223066
notebook.focusedCellBorder#00E5FF
notebook.focusedEditorBorder#00E5FF
notebook.selectedCellBackground#1c22304d
notebookStatusErrorIcon.foreground#FF1744
notebookStatusRunningIcon.foreground#00E5FF
notebookStatusSuccessIcon.foreground#00E676
notificationCenter.border#2D384D
notificationCenterHeader.background#121620
notificationCenterHeader.foreground#FFFFFF
notificationLink.foreground#00E5FF
notifications.background#121620
notifications.border#1C2230
notifications.foreground#E0E5EC
notificationsErrorIcon.foreground#FF1744
notificationsInfoIcon.foreground#00E5FF
notificationsWarningIcon.foreground#FFEA00
notificationToast.border#2D384D
panel.background#121620
panel.border#1C2230
panelInput.border#2D384D
panelSection.border#1C2230
panelSectionHeader.background#121620
panelSectionHeader.foreground#E0E5EC
panelTitle.activeBorder#00E5FF
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#607085
peekView.border#00E5FF
peekViewEditor.background#05070A
peekViewResult.background#080B10
peekViewTitle.background#121620
ports.iconRunningProcessForeground#00E676
profileBadge.background#1C2230
profileBadge.foreground#E0E5EC
progressBar.background#00E5FF
quickInput.background#121620
quickInput.foreground#E0E5EC
quickInputList.focusBackground#202E3F
quickInputList.focusForeground#FFFFFF
quickInputList.focusIconForeground#00e5ffbf
radio.activeBackground#00e5ff33
radio.activeBorder#00E5FF
radio.activeForeground#00E5FF
radio.inactiveBackground#121620
radio.inactiveBorder#2D384D
radio.inactiveForeground#A8B4C4
radio.inactiveHoverBackground#1C2230
sash.hoverBorder#00E5FF
scmGraph.foreground1#00E5FF
scmGraph.foreground2#FFEA00
scmGraph.foreground3#FF1744
scmGraph.foreground4#00E676
scmGraph.foreground5#2979FF
scmGraph.historyItemBaseRefColor#00E5FF
scmGraph.historyItemHoverAdditionsForeground#00E676
scmGraph.historyItemHoverDeletionsForeground#FF1744
scmGraph.historyItemHoverLabelForeground#FFFFFF
scmGraph.historyItemRefColor#00E5FF
scmGraph.historyItemRemoteRefColor#2979FF
scrollbar.shadow#080b1080
scrollbarSlider.activeBackground#00e5ff99
scrollbarSlider.background#1c2230b3
scrollbarSlider.hoverBackground#2d384dcc
settings.checkboxBackground#121620
settings.checkboxBorder#2D384D
settings.checkboxForeground#FFFFFF
settings.dropdownBackground#121620
settings.dropdownBorder#2D384D
settings.dropdownForeground#FFFFFF
settings.focusedRowBackground#1c223080
settings.headerBorder#1C2230
settings.headerForeground#FFFFFF
settings.modifiedItemIndicator#2979FF
settings.numberInputBackground#121620
settings.numberInputBorder#2D384D
settings.numberInputForeground#00E676
settings.rowHoverBackground#12162080
settings.textInputBackground#121620
settings.textInputBorder#2D384D
settings.textInputForeground#FFFFFF
sideBar.background#05070A
sideBar.border#1C2230
sideBar.foreground#A8B4C4
sideBarSectionHeader.background#121620
sideBarSectionHeader.border#2D384D
sideBarSectionHeader.foreground#E0E5EC
sideBarTitle.foreground#FFFFFF
statusBar.background#05070A
statusBar.border#1C2230
statusBar.debuggingBackground#FFEA00
statusBar.debuggingForeground#080B10
statusBar.foreground#E0E5EC
statusBar.noFolderBackground#121620
statusBar.noFolderForeground#E0E5EC
statusBarItem.hoverBackground#00e5ff33
statusBarItem.remoteBackground#00E5FF
statusBarItem.remoteForeground#080B10
symbolIcon.arrayForeground#FFFFFF
symbolIcon.booleanForeground#00E676
symbolIcon.classForeground#FFEA00
symbolIcon.colorForeground#A8B4C4
symbolIcon.constantForeground#FF9100
symbolIcon.constructorForeground#00E5FF
symbolIcon.enumeratorForeground#FFEA00
symbolIcon.enumeratorMemberForeground#FF9100
symbolIcon.eventForeground#00E5FF
symbolIcon.fieldForeground#FFFFFF
symbolIcon.fileForeground#E0E5EC
symbolIcon.folderForeground#A8B4C4
symbolIcon.functionForeground#00E5FF
symbolIcon.interfaceForeground#FFEA00
symbolIcon.keyForeground#FFEA00
symbolIcon.keywordForeground#A8B4C4
symbolIcon.methodForeground#00E5FF
symbolIcon.moduleForeground#A8B4C4
symbolIcon.namespaceForeground#A8B4C4
symbolIcon.numberForeground#00E676
symbolIcon.objectForeground#FFFFFF
symbolIcon.operatorForeground#A8B4C4
symbolIcon.packageForeground#A8B4C4
symbolIcon.propertyForeground#FFFFFF
symbolIcon.referenceForeground#FFFFFF
symbolIcon.snippetForeground#FFFFFF
symbolIcon.stringForeground#FF9100
symbolIcon.structForeground#FFEA00
symbolIcon.textForeground#E0E5EC
symbolIcon.typeParameterForeground#FFEA00
symbolIcon.unitForeground#00E676
symbolIcon.variableForeground#FFFFFF
tab.activeBackground#05070A
tab.activeBorderTop#00E5FF
tab.activeForeground#FFFFFF
tab.border#1C2230
tab.hoverBackground#121620
tab.inactiveBackground#080B10
tab.inactiveForeground#607085
terminal.ansiBlack#080B10
terminal.ansiBlue#00E5FF
terminal.ansiBrightBlack#607085
terminal.ansiBrightBlue#00E5FF
terminal.ansiBrightCyan#00E5FF
terminal.ansiBrightGreen#00E676
terminal.ansiBrightMagenta#2979FF
terminal.ansiBrightRed#FF1744
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFEA00
terminal.ansiCyan#00E5FF
terminal.ansiGreen#00E676
terminal.ansiMagenta#2979FF
terminal.ansiRed#FF1744
terminal.ansiWhite#E0E5EC
terminal.ansiYellow#FFEA00
terminal.background#080B10
terminal.border#1C2230
terminal.foreground#E0E5EC
terminal.selectionBackground#00E5FF40
terminalCursor.foreground#FFFFFF
testing.iconErrored#FF1744
testing.iconFailed#FF1744
testing.iconPassed#00E676
testing.iconQueued#FFEA00
testing.iconSkipped#607085
testing.iconUnset#607085
testing.message.error.decorationForeground#FF1744
testing.message.info.decorationForeground#00E5FF
testing.runAction#00E676
textCodeBlockBackground#121620
textLink#00E5FF
textLink.activeForeground#00E5FF
textPreformatBackground#1C2230
textPreformatForeground#A8B4C4
titleBar.activeBackground#080B10
titleBar.activeForeground#FFFFFF
titleBar.border#1C2230
titleBar.inactiveBackground#05070A
titleBar.inactiveForeground#607085
toolbar.activeBackground#1C2230
toolbar.hoverBackground#1c223080
tree.inactiveIndentGuidesStroke#1C2230
tree.indentGuidesStroke#2D384D
tree.tableColumnsBorder#2D384D
tree.tableOddRowsBackground#12162080
walkThrough.embeddedEditorBackground#05070A
welcomePage.background#080B10
welcomePage.progress.background#1C2230
welcomePage.progress.foreground#00E5FF
welcomePage.tileBackground#05070A
welcomePage.tileHoverBackground#121620
widget.shadow#080b1080
window.activeBorder#00E5FF
window.inactiveBorder#1C2230

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#607085	italic
keyword, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#A8B4C4	—
entity.name.function, support.function, support.function.sql, meta.function-call	#00E5FF	—
entity.name.type, support.type, support.type.sql	#FFEA00	—
entity.name.table.sql, entity.name.class	#FFFFFF	—
variable, variable.other, meta.column.sql, variable.other.column.sql, support.variable	#FFFFFF	—
variable.parameter.sql, variable.other.sql, variable.parameter	#FFFFFF	—
string, string.quoted.single.sql, string.quoted.double.sql	#FF9100	—
constant.numeric, constant.language	#00E676	—
keyword.operator, keyword.operator.sql, punctuation	#A8B4C4	—
constant.other, support.constant	#FF9100	—
support.type.property-name.json	#FFEA00	—
meta.decorator, punctuation.decorator	#FFEA00	—
string.template, punctuation.definition.template-expression	#FF9100	—
constant.character.escape	#00E676	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#FFEA00	—
string.regexp, keyword.control.anchor.regexp, constant.other.character-class.regexp	#FF9100	—
entity.name.tag.yaml	#FFEA00	—
meta.preprocessor, keyword.control.directive	#A8B4C4	—
storage.type.class.jsdoc, variable.other.jsdoc, entity.name.type.instance.jsdoc	#607085	italic
markup.list, punctuation.definition.list	#A8B4C4	—
variable.other.special.shell	#FFFFFF	—
entity.name.lifetime.rust, keyword.operator.borrow.rust	#00E676	—
variable.language.special.self.python, variable.language.special.self	#A8B4C4	—
keyword.control, keyword.control.flow, keyword.control.import, keyword.control.conditional, keyword.control.loop	#A8B4C4	—
storage.modifier, storage.type.modifier	#A8B4C4	—
variable.language, variable.language.this, variable.language.super	#A8B4C4	italic
entity.name.namespace, entity.name.scope-resolution	#FFEA00	—
entity.other.inherited-class	#FFEA00	italic
variable.other.property, variable.other.object.property, meta.object-literal.key	#FFFFFF	—
support.class, support.other, support.constant.property-value	#FFEA00	—
meta.annotation, storage.type.annotation, punctuation.definition.annotation	#FFEA00	—
punctuation.accessor, punctuation.separator, meta.brace	#A8B4C4	—
meta.template.expression, punctuation.section.embedded	#A8B4C4	—
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#A8B4C4	—
entity.other.attribute-name, entity.other.attribute-name.html	#FFFFFF	—
punctuation.definition.tag, punctuation.separator.key-value.html	#A8B4C4	—
support.class.component, entity.name.tag.jsx, entity.name.tag.tsx	#FFEA00	—
support.type.property-name.css, support.type.vendored.property-name.css	#FFFFFF	—
keyword.other.unit, constant.numeric.css, constant.other.color	#00E676	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#A8B4C4	bold
markup.bold, punctuation.definition.bold	#00E676	bold
markup.italic, punctuation.definition.italic	#FFEA00	italic
markup.quote	#607085	italic
markup.inline.raw, markup.fenced_code, markup.raw	#FF9100	—
markup.underline.link, string.other.link, constant.other.reference.link.markdown	#00E5FF	—
string.other.link.title.markdown, string.other.link.description.markdown	#FFFFFF	—
meta.separator.markdown, punctuation.definition.constant.markdown	#607085	—
markup.inserted, meta.diff.header.to-file	#00E676	—
markup.deleted, meta.diff.header.from-file	#FF1744	—
markup.changed	#2979FF	—
invalid, invalid.illegal	#FF1744	—

VS Code preview

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

NexQL Themes — NexQL Aurora

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#00E676
activityBar.background#0D0B18
activityBar.border#262044
activityBar.foreground#DECFFC
activityBar.inactiveForeground#7D6AA0
activityBarBadge.background#00E676
activityBarBadge.foreground#0D0B18
badge.background#262044
badge.foreground#DECFFC
banner.background#18142C
banner.foreground#DECFFC
banner.iconForeground#00E676
breadcrumb.activeSelectionForeground#00E676
breadcrumb.background#08070F
breadcrumb.focusForeground#EADFFC
breadcrumb.foreground#7D6AA0
button.background#00E676
button.foreground#0D0B18
button.hoverBackground#00e676d9
button.secondaryBackground#262044
button.secondaryForeground#DECFFC
charts.blue#00E676
charts.foreground#DECFFC
charts.green#00E676
charts.lines#3B316A
charts.orange#FFD740
charts.purple#00B0FF
charts.red#E040FB
charts.yellow#FFD740
chat.avatarBackground#18142C
chat.avatarForeground#DECFFC
chat.background#08070F
chat.requestBackground#0D0B18
chat.requestBorder#262044
chat.slashCommandBackground#00e67633
chat.slashCommandForeground#00E676
checkbox.background#18142C
checkbox.border#3B316A
checkbox.foreground#EADFFC
checkbox.selectBackground#00E676
checkbox.selectBorder#00E676
commandCenter.activeBackground#262044
commandCenter.activeBorder#00E676
commandCenter.activeForeground#EADFFC
commandCenter.background#18142C
commandCenter.border#262044
commandCenter.debuggingBackground#FFD740
commandCenter.foreground#BDABEC
commandCenter.inactiveBorder#262044
commandCenter.inactiveForeground#7D6AA0
debugConsole.errorForeground#E040FB
debugConsole.infoForeground#DECFFC
debugConsole.sourceForeground#BDABEC
debugConsole.warningForeground#FFD740
debugConsoleInputIcon.foreground#00E676
debugExceptionWidget.background#18142C
debugExceptionWidget.border#E040FB
debugIcon.breakpointDisabledForeground#7D6AA0
debugIcon.breakpointForeground#E040FB
debugIcon.breakpointUnverifiedForeground#BDABEC
debugIcon.continueForeground#00E676
debugIcon.disconnectForeground#E040FB
debugIcon.pauseForeground#00E676
debugIcon.restartForeground#00E676
debugIcon.startForeground#00E676
debugIcon.stepBackForeground#00E676
debugIcon.stepIntoForeground#00E676
debugIcon.stepOutForeground#00E676
debugIcon.stepOverForeground#00E676
debugIcon.stopForeground#E040FB
debugTokenExpression.boolean#FFD740
debugTokenExpression.error#E040FB
debugTokenExpression.name#DECFFC
debugTokenExpression.number#FFD740
debugTokenExpression.string#00B0FF
debugTokenExpression.value#BDABEC
debugToolBar.background#18142C
debugToolBar.border#3B316A
descriptionForeground#7D6AA0
diffEditor.insertedTextBackground#00e67626
diffEditor.removedTextBackground#e040fb26
dropdown.background#18142C
dropdown.border#3B316A
dropdown.foreground#EADFFC
editor.background#0D0B18
editor.findMatchBackground#e040fb66
editor.findMatchHighlightBackground#00e67633
editor.focusedStackFrameHighlightBackground#00e67633
editor.foldBackground#00e6761a
editor.foreground#DECFFC
editor.inactiveSelectionBackground#262044cc
editor.lineHighlightBackground#08070f99
editor.lineHighlightBorder#262044
editor.rangeHighlightBackground#00e6761f
editor.selectionBackground#00E67633
editor.selectionHighlightBackground#00e67633
editor.snippetFinalTabstopHighlightBorder#00E676
editor.snippetTabstopHighlightBackground#00e67633
editor.stackFrameHighlightBackground#ffd74033
editor.symbolHighlightBackground#e040fb33
editor.wordHighlightBackground#00e67626
editor.wordHighlightStrongBackground#00e67640
editorBracketMatch.background#00e6761f
editorBracketMatch.border#00E676
editorBracketPairGuide.activeBackground1#00E676
editorBracketPairGuide.background1#262044
editorCodeLens.foreground#7D6AA0
editorCursor.foreground#DECFFC
editorError.foreground#E040FB
editorGhostText.foreground#7d6aa0a6
editorGroupHeader.tabsBackground#0D0B18
editorGroupHeader.tabsBorder#262044
editorGutter.addedBackground#00E676
editorGutter.background#0D0B18
editorGutter.deletedBackground#E040FB
editorGutter.modifiedBackground#00B0FF
editorHint.foreground#BDABEC
editorHoverWidget.background#18142C
editorHoverWidget.border#3B316A
editorIndentGuide.activeBackground1#00e67673
editorIndentGuide.background1#262044
editorInfo.foreground#00E676
editorInlayHint.background#18142ce6
editorInlayHint.foreground#7D6AA0
editorLightBulb.foreground#FFD740
editorLightBulbAutoFix.foreground#00E676
editorLineNumber.activeForeground#DECFFC
editorLineNumber.foreground#7D6AA0
editorLink.activeForeground#00E676
editorOverviewRuler.addedForeground#00E676
editorOverviewRuler.border#262044
editorOverviewRuler.bracketMatchForeground#00E676
editorOverviewRuler.commonContentForeground#7D6AA0
editorOverviewRuler.currentContentForeground#00E676
editorOverviewRuler.deletedForeground#E040FB
editorOverviewRuler.errorForeground#E040FB
editorOverviewRuler.findMatchForeground#e040fb80
editorOverviewRuler.incomingContentForeground#00E676
editorOverviewRuler.infoForeground#00E676
editorOverviewRuler.modifiedForeground#00B0FF
editorOverviewRuler.selectionHighlightForeground#00e67666
editorOverviewRuler.warningForeground#FFD740
editorOverviewRuler.wordHighlightForeground#00e67666
editorRuler.foreground#262044
editorStickyScroll.background#08070F
editorStickyScroll.border#262044
editorStickyScrollHover.background#18142C
editorSuggestWidget.background#18142C
editorSuggestWidget.border#3B316A
editorSuggestWidget.foreground#DECFFC
editorSuggestWidget.highlightForeground#00E676
editorSuggestWidget.selectedBackground#221C3B
editorSuggestWidget.selectedForeground#F6F0FF
editorWarning.foreground#FFD740
editorWhitespace.foreground#7d6aa059
editorWidget.background#18142C
editorWidget.border#3B316A
errorForeground#E040FB
extensionButton.background#00E676
extensionButton.foreground#0D0B18
extensionButton.hoverBackground#00e676d9
extensionButton.prominentBackground#00E676
extensionButton.prominentForeground#0D0B18
extensionButton.prominentHoverBackground#00e676d9
focusBorder#00E676
foreground#DECFFC
gauge.errorBackground#e040fb33
gauge.errorForeground#E040FB
gauge.infoBackground#00e67633
gauge.infoForeground#00E676
gauge.warningBackground#ffd74033
gauge.warningForeground#FFD740
gitDecoration.addedResourceForeground#00E676
gitDecoration.conflictingResourceForeground#E040FB
gitDecoration.deletedResourceForeground#E040FB
gitDecoration.ignoredResourceForeground#7D6AA0
gitDecoration.modifiedResourceForeground#00B0FF
gitDecoration.renamedResourceForeground#00E676
gitDecoration.stageDeletedResourceForeground#E040FB
gitDecoration.stageModifiedResourceForeground#00B0FF
gitDecoration.submoduleResourceForeground#00E676
gitDecoration.untrackedResourceForeground#00E676
icon.foreground#BDABEC
inlineChat.background#18142C
inlineChat.border#3B316A
inlineChat.shadow#0d0b1880
inlineChatDiff.inserted#00e67626
inlineChatDiff.removed#e040fb26
inlineChatInput.background#0D0B18
inlineChatInput.border#262044
inlineChatInput.focusBorder#00E676
inlineChatInput.placeholderForeground#7D6AA0
input.background#18142C
input.border#3B316A
input.foreground#EADFFC
input.placeholderForeground#7D6AA0
inputOption.activeBorder#00E676
inputValidation.errorBackground#e040fb26
inputValidation.errorBorder#E040FB
inputValidation.warningBackground#ffd74026
inputValidation.warningBorder#FFD740
keybindingLabel.background#262044
keybindingLabel.border#3B316A
keybindingLabel.foreground#EADFFC
list.activeSelectionBackground#221C3B
list.activeSelectionForeground#F6F0FF
list.deemphasizedForeground#7D6AA0
list.dropBackground#00e67633
list.errorForeground#E040FB
list.filterMatchBackground#e040fb59
list.focusBackground#221C3B
list.focusForeground#F6F0FF
list.focusHighlightForeground#00e676bf
list.focusOutline#00e67680
list.highlightForeground#00E676
list.hoverBackground#262044
list.hoverForeground#EADFFC
list.inactiveSelectionBackground#262044
list.inactiveSelectionForeground#DECFFC
list.warningForeground#FFD740
listFilterWidget.background#18142C
listFilterWidget.noMatchesOutline#E040FB
listFilterWidget.outline#00E676
menu.background#18142C
menu.border#3B316A
menu.foreground#DECFFC
menu.selectionBackground#221C3B
menu.selectionForeground#F6F0FF
menu.separatorBackground#3B316A
menubar.selectionBackground#00e67633
menubar.selectionBorder#00E676
menubar.selectionForeground#EADFFC
merge.border#3B316A
merge.commonContentBackground#26204459
merge.commonHeaderBackground#26204480
merge.currentContentBackground#00e67633
merge.currentHeaderBackground#00e67666
merge.incomingContentBackground#00e67633
merge.incomingHeaderBackground#00e67666
minimap.background#0D0B18
minimap.errorHighlight#E040FB
minimap.findMatchHighlight#e040fb80
minimap.selectionHighlight#00e67680
minimap.warningHighlight#FFD740
minimapGutter.addedBackground#00E676
minimapGutter.deletedBackground#E040FB
minimapGutter.modifiedBackground#00B0FF
minimapSlider.activeBackground#00e67680
minimapSlider.background#26204480
minimapSlider.hoverBackground#3b316a99
multiDiffEditor.background#0D0B18
multiDiffEditor.border#262044
multiDiffEditor.headerBackground#18142C
notebook.cellBorderColor#262044
notebook.cellEditorBackground#08070F
notebook.cellHoverBackground#08070f80
notebook.cellStatusBarItemHoverBackground#262044
notebook.editorBackground#0D0B18
notebook.focusedCellBackground#26204466
notebook.focusedCellBorder#00E676
notebook.focusedEditorBorder#00E676
notebook.selectedCellBackground#2620444d
notebookStatusErrorIcon.foreground#E040FB
notebookStatusRunningIcon.foreground#00E676
notebookStatusSuccessIcon.foreground#00E676
notificationCenter.border#3B316A
notificationCenterHeader.background#18142C
notificationCenterHeader.foreground#EADFFC
notificationLink.foreground#00E676
notifications.background#18142C
notifications.border#262044
notifications.foreground#DECFFC
notificationsErrorIcon.foreground#E040FB
notificationsInfoIcon.foreground#00E676
notificationsWarningIcon.foreground#FFD740
notificationToast.border#3B316A
panel.background#18142C
panel.border#262044
panelInput.border#3B316A
panelSection.border#262044
panelSectionHeader.background#18142C
panelSectionHeader.foreground#DECFFC
panelTitle.activeBorder#00E676
panelTitle.activeForeground#EADFFC
panelTitle.inactiveForeground#7D6AA0
peekView.border#00E676
peekViewEditor.background#08070F
peekViewResult.background#0D0B18
peekViewTitle.background#18142C
ports.iconRunningProcessForeground#00E676
profileBadge.background#262044
profileBadge.foreground#DECFFC
progressBar.background#00E676
quickInput.background#18142C
quickInput.foreground#DECFFC
quickInputList.focusBackground#221C3B
quickInputList.focusForeground#F6F0FF
quickInputList.focusIconForeground#00e676bf
radio.activeBackground#00e67633
radio.activeBorder#00E676
radio.activeForeground#00E676
radio.inactiveBackground#18142C
radio.inactiveBorder#3B316A
radio.inactiveForeground#BDABEC
radio.inactiveHoverBackground#262044
sash.hoverBorder#00E676
scmGraph.foreground1#00E676
scmGraph.foreground2#FFD740
scmGraph.foreground3#E040FB
scmGraph.foreground4#00E676
scmGraph.foreground5#00B0FF
scmGraph.historyItemBaseRefColor#00E676
scmGraph.historyItemHoverAdditionsForeground#00E676
scmGraph.historyItemHoverDeletionsForeground#E040FB
scmGraph.historyItemHoverLabelForeground#EADFFC
scmGraph.historyItemRefColor#00E676
scmGraph.historyItemRemoteRefColor#00B0FF
scrollbar.shadow#0d0b1880
scrollbarSlider.activeBackground#00e67699
scrollbarSlider.background#262044b3
scrollbarSlider.hoverBackground#3b316acc
settings.checkboxBackground#18142C
settings.checkboxBorder#3B316A
settings.checkboxForeground#EADFFC
settings.dropdownBackground#18142C
settings.dropdownBorder#3B316A
settings.dropdownForeground#EADFFC
settings.focusedRowBackground#26204480
settings.headerBorder#262044
settings.headerForeground#EADFFC
settings.modifiedItemIndicator#00B0FF
settings.numberInputBackground#18142C
settings.numberInputBorder#3B316A
settings.numberInputForeground#FFD740
settings.rowHoverBackground#18142c80
settings.textInputBackground#18142C
settings.textInputBorder#3B316A
settings.textInputForeground#EADFFC
sideBar.background#08070F
sideBar.border#262044
sideBar.foreground#BDABEC
sideBarSectionHeader.background#18142C
sideBarSectionHeader.border#3B316A
sideBarSectionHeader.foreground#DECFFC
sideBarTitle.foreground#EADFFC
statusBar.background#08070F
statusBar.border#262044
statusBar.debuggingBackground#FFD740
statusBar.debuggingForeground#0D0B18
statusBar.foreground#DECFFC
statusBar.noFolderBackground#18142C
statusBar.noFolderForeground#DECFFC
statusBarItem.hoverBackground#00e67633
statusBarItem.remoteBackground#00E676
statusBarItem.remoteForeground#0D0B18
symbolIcon.arrayForeground#DECFFC
symbolIcon.booleanForeground#FFD740
symbolIcon.classForeground#E040FB
symbolIcon.colorForeground#BDABEC
symbolIcon.constantForeground#FFD740
symbolIcon.constructorForeground#00E676
symbolIcon.enumeratorForeground#E040FB
symbolIcon.enumeratorMemberForeground#FFD740
symbolIcon.eventForeground#00E676
symbolIcon.fieldForeground#DECFFC
symbolIcon.fileForeground#DECFFC
symbolIcon.folderForeground#BDABEC
symbolIcon.functionForeground#00E676
symbolIcon.interfaceForeground#E040FB
symbolIcon.keyForeground#E040FB
symbolIcon.keywordForeground#BDABEC
symbolIcon.methodForeground#00E676
symbolIcon.moduleForeground#BDABEC
symbolIcon.namespaceForeground#BDABEC
symbolIcon.numberForeground#FFD740
symbolIcon.objectForeground#DECFFC
symbolIcon.operatorForeground#BDABEC
symbolIcon.packageForeground#BDABEC
symbolIcon.propertyForeground#DECFFC
symbolIcon.referenceForeground#BDABEC
symbolIcon.snippetForeground#BDABEC
symbolIcon.stringForeground#00B0FF
symbolIcon.structForeground#E040FB
symbolIcon.textForeground#DECFFC
symbolIcon.typeParameterForeground#E040FB
symbolIcon.unitForeground#FFD740
symbolIcon.variableForeground#DECFFC
tab.activeBackground#08070F
tab.activeBorderTop#00E676
tab.activeForeground#EADFFC
tab.border#262044
tab.hoverBackground#18142C
tab.inactiveBackground#0D0B18
tab.inactiveForeground#7D6AA0
terminal.ansiBlack#0D0B18
terminal.ansiBlue#00E676
terminal.ansiBrightBlack#7D6AA0
terminal.ansiBrightBlue#00E676
terminal.ansiBrightCyan#00E676
terminal.ansiBrightGreen#00E676
terminal.ansiBrightMagenta#00B0FF
terminal.ansiBrightRed#E040FB
terminal.ansiBrightWhite#EADFFC
terminal.ansiBrightYellow#FFD740
terminal.ansiCyan#00E676
terminal.ansiGreen#00E676
terminal.ansiMagenta#00B0FF
terminal.ansiRed#E040FB
terminal.ansiWhite#DECFFC
terminal.ansiYellow#FFD740
terminal.background#0D0B18
terminal.border#262044
terminal.foreground#DECFFC
terminal.selectionBackground#00E67633
terminalCursor.foreground#DECFFC
testing.iconErrored#E040FB
testing.iconFailed#E040FB
testing.iconPassed#00E676
testing.iconQueued#FFD740
testing.iconSkipped#7D6AA0
testing.iconUnset#7D6AA0
testing.message.error.decorationForeground#E040FB
testing.message.info.decorationForeground#00E676
testing.runAction#00E676
textCodeBlockBackground#18142C
textLink#00E676
textLink.activeForeground#00E676
textPreformatBackground#262044
textPreformatForeground#BDABEC
titleBar.activeBackground#0D0B18
titleBar.activeForeground#EADFFC
titleBar.border#262044
titleBar.inactiveBackground#08070F
titleBar.inactiveForeground#7D6AA0
toolbar.activeBackground#262044
toolbar.hoverBackground#26204480
tree.inactiveIndentGuidesStroke#262044
tree.indentGuidesStroke#3B316A
tree.tableColumnsBorder#3B316A
tree.tableOddRowsBackground#18142c80
walkThrough.embeddedEditorBackground#08070F
welcomePage.background#0D0B18
welcomePage.progress.background#262044
welcomePage.progress.foreground#00E676
welcomePage.tileBackground#08070F
welcomePage.tileHoverBackground#18142C
widget.shadow#0d0b1880
window.activeBorder#00E676
window.inactiveBorder#262044

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7D6AA0	italic
keyword, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#BDABEC	—
entity.name.function, support.function, support.function.sql, meta.function-call	#00E676	—
entity.name.type, support.type, support.type.sql	#E040FB	—
entity.name.table.sql, entity.name.class	#DECFFC	—
variable, variable.other, meta.column.sql, variable.other.column.sql, support.variable	#DECFFC	—
variable.parameter.sql, variable.other.sql, variable.parameter	#BDABEC	—
string, string.quoted.single.sql, string.quoted.double.sql	#00B0FF	—
constant.numeric, constant.language	#FFD740	—
keyword.operator, keyword.operator.sql, punctuation	#BDABEC	—
constant.other, support.constant	#FFD740	—
support.type.property-name.json	#E040FB	—
meta.decorator, punctuation.decorator	#E040FB	—
string.template, punctuation.definition.template-expression	#00B0FF	—
constant.character.escape	#FFD740	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#E040FB	—
string.regexp, keyword.control.anchor.regexp, constant.other.character-class.regexp	#00B0FF	—
entity.name.tag.yaml	#E040FB	—
meta.preprocessor, keyword.control.directive	#BDABEC	—
storage.type.class.jsdoc, variable.other.jsdoc, entity.name.type.instance.jsdoc	#7D6AA0	italic
markup.list, punctuation.definition.list	#BDABEC	—
variable.other.special.shell	#DECFFC	—
entity.name.lifetime.rust, keyword.operator.borrow.rust	#FFD740	—
variable.language.special.self.python, variable.language.special.self	#BDABEC	—
keyword.control, keyword.control.flow, keyword.control.import, keyword.control.conditional, keyword.control.loop	#BDABEC	—
storage.modifier, storage.type.modifier	#BDABEC	—
variable.language, variable.language.this, variable.language.super	#BDABEC	italic
entity.name.namespace, entity.name.scope-resolution	#E040FB	—
entity.other.inherited-class	#E040FB	italic
variable.other.property, variable.other.object.property, meta.object-literal.key	#DECFFC	—
support.class, support.other, support.constant.property-value	#E040FB	—
meta.annotation, storage.type.annotation, punctuation.definition.annotation	#E040FB	—
punctuation.accessor, punctuation.separator, meta.brace	#BDABEC	—
meta.template.expression, punctuation.section.embedded	#BDABEC	—
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#BDABEC	—
entity.other.attribute-name, entity.other.attribute-name.html	#BDABEC	—
punctuation.definition.tag, punctuation.separator.key-value.html	#BDABEC	—
support.class.component, entity.name.tag.jsx, entity.name.tag.tsx	#E040FB	—
support.type.property-name.css, support.type.vendored.property-name.css	#DECFFC	—
keyword.other.unit, constant.numeric.css, constant.other.color	#FFD740	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#BDABEC	bold
markup.bold, punctuation.definition.bold	#FFD740	bold
markup.italic, punctuation.definition.italic	#E040FB	italic
markup.quote	#7D6AA0	italic
markup.inline.raw, markup.fenced_code, markup.raw	#00B0FF	—
markup.underline.link, string.other.link, constant.other.reference.link.markdown	#00E676	—
string.other.link.title.markdown, string.other.link.description.markdown	#BDABEC	—
meta.separator.markdown, punctuation.definition.constant.markdown	#7D6AA0	—
markup.inserted, meta.diff.header.to-file	#00E676	—
markup.deleted, meta.diff.header.from-file	#E040FB	—
markup.changed	#00B0FF	—
invalid, invalid.illegal	#E040FB	—

VS Code preview

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

NexQL Themes — NexQL Bloom

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#E91E63
activityBar.background#FDF9FB
activityBar.border#F5E4EB
activityBar.foreground#3D2B33
activityBar.inactiveForeground#A68996
activityBarBadge.background#E91E63
activityBarBadge.foreground#FDF9FB
badge.background#F5E4EB
badge.foreground#3D2B33
banner.background#FDF9FB
banner.foreground#3D2B33
banner.iconForeground#E91E63
breadcrumb.activeSelectionForeground#E91E63
breadcrumb.background#F7EFF3
breadcrumb.focusForeground#3D2B33
breadcrumb.foreground#A68996
button.background#E91E63
button.foreground#FDF9FB
button.hoverBackground#e91e63d9
button.secondaryBackground#F5E4EB
button.secondaryForeground#3D2B33
charts.blue#E91E63
charts.foreground#3D2B33
charts.green#388E3C
charts.lines#DEC3D0
charts.orange#F57C00
charts.purple#1976D2
charts.red#D32F2F
charts.yellow#F57C00
chat.avatarBackground#FDF9FB
chat.avatarForeground#3D2B33
chat.background#F7EFF3
chat.requestBackground#FDF9FB
chat.requestBorder#F5E4EB
chat.slashCommandBackground#e91e6333
chat.slashCommandForeground#E91E63
checkbox.background#FDF9FB
checkbox.border#DEC3D0
checkbox.foreground#3D2B33
checkbox.selectBackground#E91E63
checkbox.selectBorder#E91E63
commandCenter.activeBackground#F5E4EB
commandCenter.activeBorder#E91E63
commandCenter.activeForeground#3D2B33
commandCenter.background#FDF9FB
commandCenter.border#F5E4EB
commandCenter.debuggingBackground#F57C00
commandCenter.foreground#6E505E
commandCenter.inactiveBorder#F5E4EB
commandCenter.inactiveForeground#A68996
debugConsole.errorForeground#D32F2F
debugConsole.infoForeground#3D2B33
debugConsole.sourceForeground#6E505E
debugConsole.warningForeground#F57C00
debugConsoleInputIcon.foreground#E91E63
debugExceptionWidget.background#FDF9FB
debugExceptionWidget.border#D32F2F
debugIcon.breakpointDisabledForeground#A68996
debugIcon.breakpointForeground#D32F2F
debugIcon.breakpointUnverifiedForeground#6E505E
debugIcon.continueForeground#388E3C
debugIcon.disconnectForeground#D32F2F
debugIcon.pauseForeground#E91E63
debugIcon.restartForeground#388E3C
debugIcon.startForeground#388E3C
debugIcon.stepBackForeground#E91E63
debugIcon.stepIntoForeground#E91E63
debugIcon.stepOutForeground#E91E63
debugIcon.stepOverForeground#E91E63
debugIcon.stopForeground#D32F2F
debugTokenExpression.boolean#F57C00
debugTokenExpression.error#D32F2F
debugTokenExpression.name#3D2B33
debugTokenExpression.number#F57C00
debugTokenExpression.string#689F38
debugTokenExpression.value#6E505E
debugToolBar.background#FDF9FB
debugToolBar.border#DEC3D0
descriptionForeground#A68996
diffEditor.insertedTextBackground#388e3c26
diffEditor.removedTextBackground#d32f2f26
dropdown.background#FDF9FB
dropdown.border#DEC3D0
dropdown.foreground#3D2B33
editor.background#FDF9FB
editor.findMatchBackground#ab47bc66
editor.findMatchHighlightBackground#e91e6333
editor.focusedStackFrameHighlightBackground#388e3c33
editor.foldBackground#e91e631a
editor.foreground#3D2B33
editor.inactiveSelectionBackground#f5e4ebcc
editor.lineHighlightBackground#f7eff399
editor.lineHighlightBorder#F5E4EB
editor.rangeHighlightBackground#e91e631f
editor.selectionBackground#E91E6326
editor.selectionHighlightBackground#e91e6333
editor.snippetFinalTabstopHighlightBorder#E91E63
editor.snippetTabstopHighlightBackground#e91e6333
editor.stackFrameHighlightBackground#f57c0033
editor.symbolHighlightBackground#ab47bc33
editor.wordHighlightBackground#e91e6326
editor.wordHighlightStrongBackground#e91e6340
editorBracketMatch.background#e91e631f
editorBracketMatch.border#E91E63
editorBracketPairGuide.activeBackground1#E91E63
editorBracketPairGuide.background1#F5E4EB
editorCodeLens.foreground#A68996
editorCursor.foreground#3D2B33
editorError.foreground#D32F2F
editorGhostText.foreground#a68996a6
editorGroupHeader.tabsBackground#FDF9FB
editorGroupHeader.tabsBorder#F5E4EB
editorGutter.addedBackground#388E3C
editorGutter.background#FDF9FB
editorGutter.deletedBackground#D32F2F
editorGutter.modifiedBackground#1976D2
editorHint.foreground#6E505E
editorHoverWidget.background#FDF9FB
editorHoverWidget.border#DEC3D0
editorIndentGuide.activeBackground1#e91e6373
editorIndentGuide.background1#F5E4EB
editorInfo.foreground#E91E63
editorInlayHint.background#fdf9fbe6
editorInlayHint.foreground#A68996
editorLightBulb.foreground#F57C00
editorLightBulbAutoFix.foreground#E91E63
editorLineNumber.activeForeground#3D2B33
editorLineNumber.foreground#A68996
editorLink.activeForeground#E91E63
editorOverviewRuler.addedForeground#388E3C
editorOverviewRuler.border#F5E4EB
editorOverviewRuler.bracketMatchForeground#E91E63
editorOverviewRuler.commonContentForeground#A68996
editorOverviewRuler.currentContentForeground#388E3C
editorOverviewRuler.deletedForeground#D32F2F
editorOverviewRuler.errorForeground#D32F2F
editorOverviewRuler.findMatchForeground#ab47bc80
editorOverviewRuler.incomingContentForeground#E91E63
editorOverviewRuler.infoForeground#E91E63
editorOverviewRuler.modifiedForeground#1976D2
editorOverviewRuler.selectionHighlightForeground#e91e6366
editorOverviewRuler.warningForeground#F57C00
editorOverviewRuler.wordHighlightForeground#e91e6366
editorRuler.foreground#F5E4EB
editorStickyScroll.background#F7EFF3
editorStickyScroll.border#F5E4EB
editorStickyScrollHover.background#FDF9FB
editorSuggestWidget.background#FDF9FB
editorSuggestWidget.border#DEC3D0
editorSuggestWidget.foreground#3D2B33
editorSuggestWidget.highlightForeground#E91E63
editorSuggestWidget.selectedBackground#F5E1E9
editorSuggestWidget.selectedForeground#3D2B33
editorWarning.foreground#F57C00
editorWhitespace.foreground#a6899659
editorWidget.background#FDF9FB
editorWidget.border#DEC3D0
errorForeground#D32F2F
extensionButton.background#E91E63
extensionButton.foreground#FDF9FB
extensionButton.hoverBackground#e91e63d9
extensionButton.prominentBackground#E91E63
extensionButton.prominentForeground#FDF9FB
extensionButton.prominentHoverBackground#e91e63d9
focusBorder#E91E63
foreground#3D2B33
gauge.errorBackground#d32f2f33
gauge.errorForeground#D32F2F
gauge.infoBackground#e91e6333
gauge.infoForeground#E91E63
gauge.warningBackground#f57c0033
gauge.warningForeground#F57C00
gitDecoration.addedResourceForeground#388E3C
gitDecoration.conflictingResourceForeground#D32F2F
gitDecoration.deletedResourceForeground#D32F2F
gitDecoration.ignoredResourceForeground#A68996
gitDecoration.modifiedResourceForeground#1976D2
gitDecoration.renamedResourceForeground#388E3C
gitDecoration.stageDeletedResourceForeground#D32F2F
gitDecoration.stageModifiedResourceForeground#1976D2
gitDecoration.submoduleResourceForeground#E91E63
gitDecoration.untrackedResourceForeground#388E3C
icon.foreground#6E505E
inlineChat.background#FDF9FB
inlineChat.border#DEC3D0
inlineChat.shadow#fdf9fb80
inlineChatDiff.inserted#388e3c26
inlineChatDiff.removed#d32f2f26
inlineChatInput.background#FDF9FB
inlineChatInput.border#F5E4EB
inlineChatInput.focusBorder#E91E63
inlineChatInput.placeholderForeground#A68996
input.background#FDF9FB
input.border#DEC3D0
input.foreground#3D2B33
input.placeholderForeground#A68996
inputOption.activeBorder#E91E63
inputValidation.errorBackground#d32f2f26
inputValidation.errorBorder#D32F2F
inputValidation.warningBackground#f57c0026
inputValidation.warningBorder#F57C00
keybindingLabel.background#F5E4EB
keybindingLabel.border#DEC3D0
keybindingLabel.foreground#3D2B33
list.activeSelectionBackground#F5E1E9
list.activeSelectionForeground#3D2B33
list.deemphasizedForeground#A68996
list.dropBackground#e91e6333
list.errorForeground#D32F2F
list.filterMatchBackground#ab47bc59
list.focusBackground#F5E1E9
list.focusForeground#3D2B33
list.focusHighlightForeground#e91e63bf
list.focusOutline#e91e6380
list.highlightForeground#E91E63
list.hoverBackground#F5E4EB
list.hoverForeground#3D2B33
list.inactiveSelectionBackground#F5E4EB
list.inactiveSelectionForeground#3D2B33
list.warningForeground#F57C00
listFilterWidget.background#FDF9FB
listFilterWidget.noMatchesOutline#D32F2F
listFilterWidget.outline#E91E63
menu.background#FDF9FB
menu.border#DEC3D0
menu.foreground#3D2B33
menu.selectionBackground#F5E1E9
menu.selectionForeground#3D2B33
menu.separatorBackground#DEC3D0
menubar.selectionBackground#e91e6333
menubar.selectionBorder#E91E63
menubar.selectionForeground#3D2B33
merge.border#DEC3D0
merge.commonContentBackground#f5e4eb59
merge.commonHeaderBackground#f5e4eb80
merge.currentContentBackground#388e3c33
merge.currentHeaderBackground#388e3c66
merge.incomingContentBackground#e91e6333
merge.incomingHeaderBackground#e91e6366
minimap.background#FDF9FB
minimap.errorHighlight#D32F2F
minimap.findMatchHighlight#ab47bc80
minimap.selectionHighlight#e91e6380
minimap.warningHighlight#F57C00
minimapGutter.addedBackground#388E3C
minimapGutter.deletedBackground#D32F2F
minimapGutter.modifiedBackground#1976D2
minimapSlider.activeBackground#e91e6380
minimapSlider.background#f5e4eb80
minimapSlider.hoverBackground#dec3d099
multiDiffEditor.background#FDF9FB
multiDiffEditor.border#F5E4EB
multiDiffEditor.headerBackground#FDF9FB
notebook.cellBorderColor#F5E4EB
notebook.cellEditorBackground#F7EFF3
notebook.cellHoverBackground#f7eff380
notebook.cellStatusBarItemHoverBackground#F5E4EB
notebook.editorBackground#FDF9FB
notebook.focusedCellBackground#f5e4eb66
notebook.focusedCellBorder#E91E63
notebook.focusedEditorBorder#E91E63
notebook.selectedCellBackground#f5e4eb4d
notebookStatusErrorIcon.foreground#D32F2F
notebookStatusRunningIcon.foreground#E91E63
notebookStatusSuccessIcon.foreground#388E3C
notificationCenter.border#DEC3D0
notificationCenterHeader.background#FDF9FB
notificationCenterHeader.foreground#3D2B33
notificationLink.foreground#E91E63
notifications.background#FDF9FB
notifications.border#F5E4EB
notifications.foreground#3D2B33
notificationsErrorIcon.foreground#D32F2F
notificationsInfoIcon.foreground#E91E63
notificationsWarningIcon.foreground#F57C00
notificationToast.border#DEC3D0
panel.background#FDF9FB
panel.border#F5E4EB
panelInput.border#DEC3D0
panelSection.border#F5E4EB
panelSectionHeader.background#FDF9FB
panelSectionHeader.foreground#3D2B33
panelTitle.activeBorder#E91E63
panelTitle.activeForeground#3D2B33
panelTitle.inactiveForeground#A68996
peekView.border#E91E63
peekViewEditor.background#F7EFF3
peekViewResult.background#FDF9FB
peekViewTitle.background#FDF9FB
ports.iconRunningProcessForeground#388E3C
profileBadge.background#F5E4EB
profileBadge.foreground#3D2B33
progressBar.background#E91E63
quickInput.background#FDF9FB
quickInput.foreground#3D2B33
quickInputList.focusBackground#F5E1E9
quickInputList.focusForeground#3D2B33
quickInputList.focusIconForeground#e91e63bf
radio.activeBackground#e91e6333
radio.activeBorder#E91E63
radio.activeForeground#E91E63
radio.inactiveBackground#FDF9FB
radio.inactiveBorder#DEC3D0
radio.inactiveForeground#6E505E
radio.inactiveHoverBackground#F5E4EB
sash.hoverBorder#E91E63
scmGraph.foreground1#E91E63
scmGraph.foreground2#F57C00
scmGraph.foreground3#D32F2F
scmGraph.foreground4#388E3C
scmGraph.foreground5#1976D2
scmGraph.historyItemBaseRefColor#E91E63
scmGraph.historyItemHoverAdditionsForeground#388E3C
scmGraph.historyItemHoverDeletionsForeground#D32F2F
scmGraph.historyItemHoverLabelForeground#3D2B33
scmGraph.historyItemRefColor#E91E63
scmGraph.historyItemRemoteRefColor#1976D2
scrollbar.shadow#fdf9fb80
scrollbarSlider.activeBackground#e91e6399
scrollbarSlider.background#f5e4ebb3
scrollbarSlider.hoverBackground#dec3d0cc
settings.checkboxBackground#FDF9FB
settings.checkboxBorder#DEC3D0
settings.checkboxForeground#3D2B33
settings.dropdownBackground#FDF9FB
settings.dropdownBorder#DEC3D0
settings.dropdownForeground#3D2B33
settings.focusedRowBackground#f5e4eb80
settings.headerBorder#F5E4EB
settings.headerForeground#3D2B33
settings.modifiedItemIndicator#1976D2
settings.numberInputBackground#FDF9FB
settings.numberInputBorder#DEC3D0
settings.numberInputForeground#F57C00
settings.rowHoverBackground#fdf9fb80
settings.textInputBackground#FDF9FB
settings.textInputBorder#DEC3D0
settings.textInputForeground#3D2B33
sideBar.background#F7EFF3
sideBar.border#F5E4EB
sideBar.foreground#6E505E
sideBarSectionHeader.background#FDF9FB
sideBarSectionHeader.border#DEC3D0
sideBarSectionHeader.foreground#3D2B33
sideBarTitle.foreground#3D2B33
statusBar.background#F7EFF3
statusBar.border#F5E4EB
statusBar.debuggingBackground#F57C00
statusBar.debuggingForeground#FDF9FB
statusBar.foreground#3D2B33
statusBar.noFolderBackground#FDF9FB
statusBar.noFolderForeground#3D2B33
statusBarItem.hoverBackground#e91e6333
statusBarItem.remoteBackground#E91E63
statusBarItem.remoteForeground#FDF9FB
symbolIcon.arrayForeground#3D2B33
symbolIcon.booleanForeground#F57C00
symbolIcon.classForeground#7B1FA2
symbolIcon.colorForeground#6E505E
symbolIcon.constantForeground#F57C00
symbolIcon.constructorForeground#AB47BC
symbolIcon.enumeratorForeground#7B1FA2
symbolIcon.enumeratorMemberForeground#F57C00
symbolIcon.eventForeground#AB47BC
symbolIcon.fieldForeground#3D2B33
symbolIcon.fileForeground#3D2B33
symbolIcon.folderForeground#6E505E
symbolIcon.functionForeground#AB47BC
symbolIcon.interfaceForeground#7B1FA2
symbolIcon.keyForeground#7B1FA2
symbolIcon.keywordForeground#E91E63
symbolIcon.methodForeground#AB47BC
symbolIcon.moduleForeground#E91E63
symbolIcon.namespaceForeground#E91E63
symbolIcon.numberForeground#F57C00
symbolIcon.objectForeground#3D2B33
symbolIcon.operatorForeground#AB47BC
symbolIcon.packageForeground#E91E63
symbolIcon.propertyForeground#3D2B33
symbolIcon.referenceForeground#6E505E
symbolIcon.snippetForeground#6E505E
symbolIcon.stringForeground#689F38
symbolIcon.structForeground#7B1FA2
symbolIcon.textForeground#3D2B33
symbolIcon.typeParameterForeground#7B1FA2
symbolIcon.unitForeground#F57C00
symbolIcon.variableForeground#3D2B33
tab.activeBackground#F7EFF3
tab.activeBorderTop#E91E63
tab.activeForeground#3D2B33
tab.border#F5E4EB
tab.hoverBackground#FDF9FB
tab.inactiveBackground#FDF9FB
tab.inactiveForeground#A68996
terminal.ansiBlack#FDF9FB
terminal.ansiBlue#E91E63
terminal.ansiBrightBlack#A68996
terminal.ansiBrightBlue#E91E63
terminal.ansiBrightCyan#E91E63
terminal.ansiBrightGreen#388E3C
terminal.ansiBrightMagenta#1976D2
terminal.ansiBrightRed#D32F2F
terminal.ansiBrightWhite#3D2B33
terminal.ansiBrightYellow#F57C00
terminal.ansiCyan#E91E63
terminal.ansiGreen#388E3C
terminal.ansiMagenta#1976D2
terminal.ansiRed#D32F2F
terminal.ansiWhite#3D2B33
terminal.ansiYellow#F57C00
terminal.background#FDF9FB
terminal.border#F5E4EB
terminal.foreground#3D2B33
terminal.selectionBackground#E91E6326
terminalCursor.foreground#3D2B33
testing.iconErrored#D32F2F
testing.iconFailed#D32F2F
testing.iconPassed#388E3C
testing.iconQueued#F57C00
testing.iconSkipped#A68996
testing.iconUnset#A68996
testing.message.error.decorationForeground#D32F2F
testing.message.info.decorationForeground#E91E63
testing.runAction#388E3C
textCodeBlockBackground#FDF9FB
textLink#E91E63
textLink.activeForeground#E91E63
textPreformatBackground#F5E4EB
textPreformatForeground#6E505E
titleBar.activeBackground#FDF9FB
titleBar.activeForeground#3D2B33
titleBar.border#F5E4EB
titleBar.inactiveBackground#F7EFF3
titleBar.inactiveForeground#A68996
toolbar.activeBackground#F5E4EB
toolbar.hoverBackground#f5e4eb80
tree.inactiveIndentGuidesStroke#F5E4EB
tree.indentGuidesStroke#DEC3D0
tree.tableColumnsBorder#DEC3D0
tree.tableOddRowsBackground#fdf9fb80
walkThrough.embeddedEditorBackground#F7EFF3
welcomePage.background#FDF9FB
welcomePage.progress.background#F5E4EB
welcomePage.progress.foreground#E91E63
welcomePage.tileBackground#F7EFF3
welcomePage.tileHoverBackground#FDF9FB
widget.shadow#fdf9fb80
window.activeBorder#E91E63
window.inactiveBorder#F5E4EB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#A68996	italic
keyword, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#E91E63	—
entity.name.function, support.function, support.function.sql, meta.function-call	#AB47BC	—
entity.name.type, support.type, support.type.sql	#7B1FA2	—
entity.name.table.sql, entity.name.class	#3D2B33	—
variable, variable.other, meta.column.sql, variable.other.column.sql, support.variable	#3D2B33	—
variable.parameter.sql, variable.other.sql, variable.parameter	#6E505E	—
string, string.quoted.single.sql, string.quoted.double.sql	#689F38	—
constant.numeric, constant.language	#F57C00	—
keyword.operator, keyword.operator.sql, punctuation	#AB47BC	—
constant.other, support.constant	#F57C00	—
support.type.property-name.json	#7B1FA2	—
meta.decorator, punctuation.decorator	#7B1FA2	—
string.template, punctuation.definition.template-expression	#689F38	—
constant.character.escape	#F57C00	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#7B1FA2	—
string.regexp, keyword.control.anchor.regexp, constant.other.character-class.regexp	#689F38	—
entity.name.tag.yaml	#7B1FA2	—
meta.preprocessor, keyword.control.directive	#E91E63	—
storage.type.class.jsdoc, variable.other.jsdoc, entity.name.type.instance.jsdoc	#A68996	italic
markup.list, punctuation.definition.list	#E91E63	—
variable.other.special.shell	#3D2B33	—
entity.name.lifetime.rust, keyword.operator.borrow.rust	#F57C00	—
variable.language.special.self.python, variable.language.special.self	#E91E63	—
keyword.control, keyword.control.flow, keyword.control.import, keyword.control.conditional, keyword.control.loop	#E91E63	—
storage.modifier, storage.type.modifier	#E91E63	—
variable.language, variable.language.this, variable.language.super	#E91E63	italic
entity.name.namespace, entity.name.scope-resolution	#7B1FA2	—
entity.other.inherited-class	#7B1FA2	italic
variable.other.property, variable.other.object.property, meta.object-literal.key	#3D2B33	—
support.class, support.other, support.constant.property-value	#7B1FA2	—
meta.annotation, storage.type.annotation, punctuation.definition.annotation	#7B1FA2	—
punctuation.accessor, punctuation.separator, meta.brace	#AB47BC	—
meta.template.expression, punctuation.section.embedded	#AB47BC	—
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#E91E63	—
entity.other.attribute-name, entity.other.attribute-name.html	#6E505E	—
punctuation.definition.tag, punctuation.separator.key-value.html	#AB47BC	—
support.class.component, entity.name.tag.jsx, entity.name.tag.tsx	#7B1FA2	—
support.type.property-name.css, support.type.vendored.property-name.css	#3D2B33	—
keyword.other.unit, constant.numeric.css, constant.other.color	#F57C00	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#E91E63	bold
markup.bold, punctuation.definition.bold	#F57C00	bold
markup.italic, punctuation.definition.italic	#7B1FA2	italic
markup.quote	#A68996	italic
markup.inline.raw, markup.fenced_code, markup.raw	#689F38	—
markup.underline.link, string.other.link, constant.other.reference.link.markdown	#AB47BC	—
string.other.link.title.markdown, string.other.link.description.markdown	#6E505E	—
meta.separator.markdown, punctuation.definition.constant.markdown	#A68996	—
markup.inserted, meta.diff.header.to-file	#388E3C	—
markup.deleted, meta.diff.header.from-file	#D32F2F	—
markup.changed	#1976D2	—
invalid, invalid.illegal	#D32F2F	—

VS Code preview

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

NexQL Themes — NexQL Break of Dawn

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#5457C0
activityBar.background#F4F1FA
activityBar.border#D8D4E8
activityBar.foreground#26233A
activityBar.inactiveForeground#6F6C84
activityBarBadge.background#5457C0
activityBarBadge.foreground#F4F1FA
activityBarTop.activeBorder#5457C0
activityBarTop.foreground#26233A
activityBarTop.inactiveForeground#6F6C84
badge.background#DBD7EA
badge.foreground#26233A
banner.background#FFFFFF
banner.foreground#26233A
banner.iconForeground#5457C0
breadcrumb.activeSelectionForeground#5457C0
breadcrumb.background#EAE7F3
breadcrumb.focusForeground#26233A
breadcrumb.foreground#6F6C84
breadcrumbPicker.background#FFFFFF
button.background#5457C0
button.border#C4C0DA
button.foreground#F4F1FA
button.hoverBackground#5457c0d9
button.secondaryBackground#DBD7EA
button.secondaryForeground#26233A
button.secondaryHoverBackground#E2DEEF
charts.blue#0B61D6
charts.foreground#26233A
charts.green#1F7A45
charts.lines#6F6C84
charts.orange#B35A00
charts.purple#7C24CE
charts.red#C2187E
charts.yellow#9A6700
chat.avatarBackground#FFFFFF
chat.avatarForeground#26233A
chat.background#EAE7F3
chat.requestBackground#F4F1FA
chat.requestBorder#D8D4E8
chat.slashCommandBackground#5457c033
chat.slashCommandForeground#5457C0
checkbox.background#FFFFFF
checkbox.border#C4C0DA
checkbox.foreground#26233A
checkbox.selectBackground#5457C0
checkbox.selectBorder#5457C0
commandCenter.activeBackground#E2DEEF
commandCenter.activeBorder#5457C0
commandCenter.activeForeground#26233A
commandCenter.background#FFFFFF
commandCenter.border#D8D4E8
commandCenter.debuggingBackground#9A6700
commandCenter.foreground#6F6C84
commandCenter.inactiveBorder#D8D4E8
commandCenter.inactiveForeground#6F6C84
debugConsole.errorForeground#C2187E
debugConsole.infoForeground#0B61D6
debugConsole.sourceForeground#6F6C84
debugConsole.warningForeground#9A6700
debugConsoleInputIcon.foreground#5457C0
debugExceptionWidget.background#FFFFFF
debugExceptionWidget.border#C2187E
debugIcon.breakpointDisabledForeground#6F6C84
debugIcon.breakpointForeground#C2187E
debugIcon.breakpointUnverifiedForeground#44415C
debugIcon.continueForeground#1F7A45
debugIcon.disconnectForeground#C2187E
debugIcon.pauseForeground#9A6700
debugIcon.restartForeground#1F7A45
debugIcon.startForeground#1F7A45
debugIcon.stepBackForeground#5457C0
debugIcon.stepIntoForeground#0B61D6
debugIcon.stepOutForeground#0B61D6
debugIcon.stepOverForeground#0B61D6
debugIcon.stopForeground#C2187E
debugTokenExpression.boolean#B35A00
debugTokenExpression.error#C2187E
debugTokenExpression.name#26233A
debugTokenExpression.number#B35A00
debugTokenExpression.string#B35A00
debugTokenExpression.value#44415C
debugToolBar.background#FFFFFF
debugToolBar.border#C4C0DA
descriptionForeground#6F6C84
diffEditor.diagonalFill#D8D4E8
diffEditor.insertedLineBackground#1F7A4514
diffEditor.insertedTextBackground#1f7a4526
diffEditor.removedLineBackground#C2187E14
diffEditor.removedTextBackground#c2187e26
diffEditorGutter.insertedLineBackground#1F7A451F
diffEditorGutter.removedLineBackground#C2187E1F
disabledForeground#A3A0B5
dropdown.background#FFFFFF
dropdown.border#C4C0DA
dropdown.foreground#26233A
dropdown.listBackground#FFFFFF
editor.background#F4F1FA
editor.findMatchBackground#b35a0066
editor.findMatchHighlightBackground#5457c033
editor.findRangeHighlightBackground#5457C01A
editor.focusedStackFrameHighlightBackground#1F7A4526
editor.foldBackground#5457C014
editor.foreground#26233A
editor.hoverHighlightBackground#5457C026
editor.inactiveSelectionBackground#dbd7eacc
editor.lineHighlightBackground#eae7f399
editor.lineHighlightBorder#D8D4E8
editor.linkedEditingBackground#C2187E26
editor.rangeHighlightBackground#5457C01A
editor.selectionBackground#5457C040
editor.selectionHighlightBackground#5457c033
editor.snippetFinalTabstopHighlightBorder#5457C0
editor.snippetTabstopHighlightBackground#5457c033
editor.stackFrameHighlightBackground#9A670026
editor.symbolHighlightBackground#b35a0033
editor.wordHighlightBackground#5457c026
editor.wordHighlightStrongBackground#5457c040
editorBracketHighlight.foreground1#5456AE
editorBracketHighlight.foreground2#0B61D6
editorBracketHighlight.foreground3#7C24CE
editorBracketHighlight.foreground4#B35A00
editorBracketHighlight.foreground5#5456AE
editorBracketHighlight.foreground6#6F6C84
editorBracketHighlight.unexpectedBracket.foreground#C2187E
editorBracketMatch.background#5457c01f
editorBracketMatch.border#5457C0
editorBracketPairGuide.activeBackground1#5457C0
editorBracketPairGuide.background1#D8D4E8
editorCodeLens.foreground#6F6C84
editorCursor.foreground#26233A
editorError.foreground#C2187E
editorGhostText.foreground#6f6c84a6
editorGroup.border#D8D4E8
editorGroup.dropBackground#CFCBEE80
editorGroupHeader.noTabsBackground#F4F1FA
editorGroupHeader.tabsBackground#F4F1FA
editorGroupHeader.tabsBorder#D8D4E8
editorGutter.addedBackground#1F7A45
editorGutter.background#F4F1FA
editorGutter.commentRangeForeground#6F6C84
editorGutter.deletedBackground#C2187E
editorGutter.foldingControlForeground#6F6C84
editorGutter.modifiedBackground#0B61D6
editorHint.foreground#6F6C84
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#C4C0DA
editorHoverWidget.foreground#26233A
editorHoverWidget.statusBarBackground#E2DEEF
editorIndentGuide.activeBackground1#5457c073
editorIndentGuide.background1#D8D4E8
editorInfo.foreground#5457C0
editorInlayHint.background#ffffffe6
editorInlayHint.foreground#6F6C84
editorLightBulb.foreground#9A6700
editorLightBulbAutoFix.foreground#0B61D6
editorLineNumber.activeForeground#26233A
editorLineNumber.foreground#6F6C84
editorLink.activeForeground#4144A8
editorMarkerNavigation.background#FFFFFF
editorMarkerNavigationError.background#C2187E
editorMarkerNavigationInfo.background#0B61D6
editorMarkerNavigationWarning.background#9A6700
editorMultiCursor.secondary.foreground#5457C0
editorOverviewRuler.addedForeground#1F7A4599
editorOverviewRuler.border#D8D4E8
editorOverviewRuler.bracketMatchForeground#5457C0
editorOverviewRuler.commonContentForeground#6F6C84
editorOverviewRuler.currentContentForeground#1F7A45
editorOverviewRuler.deletedForeground#C2187E99
editorOverviewRuler.errorForeground#C2187E
editorOverviewRuler.findMatchForeground#B35A0099
editorOverviewRuler.incomingContentForeground#5457C0
editorOverviewRuler.infoForeground#0B61D6
editorOverviewRuler.modifiedForeground#0B61D699
editorOverviewRuler.selectionHighlightForeground#5457C066
editorOverviewRuler.warningForeground#9A6700
editorOverviewRuler.wordHighlightForeground#5457C059
editorOverviewRuler.wordHighlightStrongForeground#5457C080
editorRuler.foreground#D8D4E8
editorStickyScroll.background#F4F1FA
editorStickyScroll.border#D8D4E8
editorStickyScrollHover.background#E2DEEF
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#C4C0DA
editorSuggestWidget.focusHighlightForeground#4144A8
editorSuggestWidget.foreground#26233A
editorSuggestWidget.highlightForeground#5457C0
editorSuggestWidget.selectedBackground#CFCBEE
editorSuggestWidget.selectedForeground#161426
editorSuggestWidget.selectedIconForeground#4144A8
editorUnnecessaryCode.opacity#00000080
editorWarning.foreground#9A6700
editorWhitespace.foreground#6f6c8459
editorWidget.background#FFFFFF
editorWidget.border#C4C0DA
editorWidget.foreground#26233A
editorWidget.resizeBorder#5457C0
errorForeground#C2187E
extensionBadge.remoteBackground#5457C0
extensionBadge.remoteForeground#FFFFFF
extensionButton.background#5457C0
extensionButton.foreground#F4F1FA
extensionButton.hoverBackground#5457c0d9
extensionButton.prominentBackground#5457C0
extensionButton.prominentForeground#F4F1FA
extensionButton.prominentHoverBackground#5457c0d9
extensionIcon.preReleaseForeground#9A6700
extensionIcon.starForeground#B35A00
extensionIcon.verifiedForeground#0B61D6
focusBorder#5457C0
foreground#26233A
gauge.errorBackground#c2187e33
gauge.errorForeground#C2187E
gauge.infoBackground#5457c033
gauge.infoForeground#5457C0
gauge.warningBackground#9a670033
gauge.warningForeground#9A6700
gitDecoration.addedResourceForeground#1F7A45
gitDecoration.conflictingResourceForeground#9A6700
gitDecoration.deletedResourceForeground#C2187E
gitDecoration.ignoredResourceForeground#A3A0B5
gitDecoration.modifiedResourceForeground#0B61D6
gitDecoration.renamedResourceForeground#0B61D6
gitDecoration.stageDeletedResourceForeground#C2187E
gitDecoration.stageModifiedResourceForeground#0B61D6
gitDecoration.submoduleResourceForeground#5457C0
gitDecoration.untrackedResourceForeground#1F7A45
icon.foreground#44415C
inlineChat.background#FFFFFF
inlineChat.border#C4C0DA
inlineChat.shadow#f4f1fa80
inlineChatDiff.inserted#1f7a4526
inlineChatDiff.removed#c2187e26
inlineChatInput.background#F4F1FA
inlineChatInput.border#D8D4E8
inlineChatInput.focusBorder#5457C0
inlineChatInput.placeholderForeground#6F6C84
input.background#FFFFFF
input.border#C4C0DA
input.foreground#26233A
input.placeholderForeground#6F6C84
inputOption.activeBackground#5457C033
inputOption.activeBorder#5457C0
inputOption.activeForeground#161426
inputOption.hoverBackground#E2DEEF
inputValidation.errorBackground#c2187e26
inputValidation.errorBorder#C2187E
inputValidation.errorForeground#26233A
inputValidation.infoBackground#0B61D626
inputValidation.infoBorder#0B61D6
inputValidation.warningBackground#9a670026
inputValidation.warningBorder#9A6700
interactive.activeCodeBorder#5457C0
interactive.inactiveCodeBorder#C4C0DA
keybindingLabel.background#DBD7EA
keybindingLabel.border#C4C0DA
keybindingLabel.bottomBorder#C4C0DA
keybindingLabel.foreground#26233A
keybindingTable.headerBackground#FFFFFF
keybindingTable.rowsBackground#F9F8FC
list.activeSelectionBackground#CFCBEE
list.activeSelectionForeground#161426
list.activeSelectionIconForeground#4144A8
list.deemphasizedForeground#6F6C84
list.dropBackground#CFCBEE80
list.errorForeground#C2187E
list.filterMatchBackground#b35a0059
list.filterMatchBorder#B35A0080
list.focusBackground#CFCBEE
list.focusForeground#161426
list.focusHighlightForeground#5457c0bf
list.focusOutline#5457c080
list.highlightForeground#5457C0
list.hoverBackground#DBD7EA
list.hoverForeground#26233A
list.inactiveFocusBackground#DBD7EA
list.inactiveSelectionBackground#DBD7EA
list.inactiveSelectionForeground#26233A
list.warningForeground#9A6700
listFilterWidget.background#FFFFFF
listFilterWidget.noMatchesOutline#C2187E
listFilterWidget.outline#5457C0
menu.background#FFFFFF
menu.border#C4C0DA
menu.foreground#26233A
menu.selectionBackground#CFCBEE
menu.selectionForeground#161426
menu.separatorBackground#C4C0DA
menubar.selectionBackground#E2DEEF
menubar.selectionBorder#5457C0
menubar.selectionForeground#26233A
merge.border#C4C0DA
merge.commonContentBackground#6F6C841A
merge.commonHeaderBackground#6F6C8440
merge.currentContentBackground#0B61D61A
merge.currentHeaderBackground#0B61D640
merge.incomingContentBackground#1F7A451A
merge.incomingHeaderBackground#1F7A4540
minimap.background#F4F1FA
minimap.errorHighlight#C2187E99
minimap.findMatchHighlight#B35A0099
minimap.selectionHighlight#5457C066
minimap.warningHighlight#9A670099
minimapGutter.addedBackground#1F7A45
minimapGutter.deletedBackground#C2187E
minimapGutter.modifiedBackground#0B61D6
minimapSlider.activeBackground#5457C033
minimapSlider.background#5457C01A
minimapSlider.hoverBackground#5457C026
multiDiffEditor.background#F4F1FA
multiDiffEditor.border#D8D4E8
multiDiffEditor.headerBackground#FFFFFF
notebook.cellBorderColor#D8D4E8
notebook.cellEditorBackground#EAE7F3
notebook.cellHoverBackground#F9F8FC
notebook.cellInsertionIndicator#5457C0
notebook.cellStatusBarItemHoverBackground#E2DEEF
notebook.cellToolbarSeparator#C4C0DA
notebook.editorBackground#F4F1FA
notebook.focusedCellBackground#F9F8FC
notebook.focusedCellBorder#5457C0
notebook.focusedEditorBorder#5457C0
notebook.inactiveFocusedCellBorder#C4C0DA
notebook.outputContainerBackgroundColor#EAE7F3
notebook.outputContainerBorderColor#D8D4E8
notebook.selectedCellBackground#F9F8FC
notebook.selectedCellBorder#C4C0DA
notebook.symbolHighlightBackground#5457C01F
notebookScrollbarSlider.activeBackground#5457C099
notebookScrollbarSlider.background#FFFFFFB3
notebookScrollbarSlider.hoverBackground#C4C0DACC
notebookStatusErrorIcon.foreground#C2187E
notebookStatusRunningIcon.foreground#0B61D6
notebookStatusSuccessIcon.foreground#1F7A45
notificationCenter.border#C4C0DA
notificationCenterHeader.background#FFFFFF
notificationCenterHeader.foreground#26233A
notificationLink.foreground#5457C0
notifications.background#FFFFFF
notifications.border#C4C0DA
notifications.foreground#26233A
notificationsErrorIcon.foreground#C2187E
notificationsInfoIcon.foreground#0B61D6
notificationsWarningIcon.foreground#9A6700
notificationToast.border#C4C0DA
panel.background#FFFFFF
panel.border#D8D4E8
panel.dropBorder#5457C0
panelInput.border#C4C0DA
panelSection.border#D8D4E8
panelSectionHeader.background#FFFFFF
panelSectionHeader.foreground#26233A
panelTitle.activeBorder#5457C0
panelTitle.activeForeground#26233A
panelTitle.inactiveForeground#6F6C84
peekView.border#5457C0
peekViewEditor.background#EAE7F3
peekViewEditor.matchHighlightBackground#B35A004D
peekViewResult.background#F4F1FA
peekViewResult.fileForeground#26233A
peekViewResult.lineForeground#6F6C84
peekViewResult.matchHighlightBackground#B35A004D
peekViewResult.selectionBackground#CFCBEE
peekViewResult.selectionForeground#161426
peekViewTitle.background#FFFFFF
peekViewTitleDescription.foreground#6F6C84
peekViewTitleLabel.foreground#26233A
pickerGroup.border#C4C0DA
pickerGroup.foreground#5457C0
ports.iconRunningProcessForeground#1F7A45
problemsErrorIcon.foreground#C2187E
problemsInfoIcon.foreground#0B61D6
problemsWarningIcon.foreground#9A6700
profileBadge.background#DBD7EA
profileBadge.foreground#26233A
progressBar.background#5457C0
quickInput.background#FFFFFF
quickInput.foreground#26233A
quickInputList.focusBackground#CFCBEE
quickInputList.focusForeground#161426
quickInputList.focusIconForeground#5457c0bf
quickInputTitle.background#E2DEEF
radio.activeBackground#5457c033
radio.activeBorder#5457C0
radio.activeForeground#5457C0
radio.inactiveBackground#FFFFFF
radio.inactiveBorder#C4C0DA
radio.inactiveForeground#44415C
radio.inactiveHoverBackground#DBD7EA
sash.hoverBorder#5457C0
scmGraph.foreground1#5457C0
scmGraph.foreground2#9A6700
scmGraph.foreground3#C2187E
scmGraph.foreground4#1F7A45
scmGraph.foreground5#0B61D6
scmGraph.historyItemBaseRefColor#5457C0
scmGraph.historyItemHoverAdditionsForeground#1F7A45
scmGraph.historyItemHoverDeletionsForeground#C2187E
scmGraph.historyItemHoverLabelForeground#26233A
scmGraph.historyItemRefColor#5457C0
scmGraph.historyItemRemoteRefColor#0B61D6
scrollbar.shadow#00000026
scrollbarSlider.activeBackground#5457c099
scrollbarSlider.background#dbd7eab3
scrollbarSlider.hoverBackground#c4c0dacc
search.resultsInfoForeground#6F6C84
searchEditor.findMatchBackground#B35A004D
searchEditor.textInputBorder#C4C0DA
selection.background#5457C055
settings.checkboxBackground#FFFFFF
settings.checkboxBorder#C4C0DA
settings.checkboxForeground#26233A
settings.dropdownBackground#FFFFFF
settings.dropdownBorder#C4C0DA
settings.dropdownForeground#26233A
settings.focusedRowBackground#F9F8FC
settings.focusedRowBorder#5457C059
settings.headerBorder#D8D4E8
settings.headerForeground#26233A
settings.modifiedItemIndicator#5457C0
settings.numberInputBackground#FFFFFF
settings.numberInputBorder#C4C0DA
settings.numberInputForeground#B35A00
settings.rowHoverBackground#F9F8FC80
settings.textInputBackground#FFFFFF
settings.textInputBorder#C4C0DA
settings.textInputForeground#26233A
sideBar.background#EAE7F3
sideBar.border#D8D4E8
sideBar.dropBackground#CFCBEE80
sideBar.foreground#44415C
sideBarSectionHeader.background#FFFFFF
sideBarSectionHeader.border#C4C0DA
sideBarSectionHeader.foreground#26233A
sideBarTitle.foreground#26233A
statusBar.background#EAE7F3
statusBar.border#D8D4E8
statusBar.debuggingBackground#9A6700
statusBar.debuggingForeground#F4F1FA
statusBar.foreground#26233A
statusBar.noFolderBackground#FFFFFF
statusBar.noFolderForeground#26233A
statusBarItem.activeBackground#5457C04D
statusBarItem.errorBackground#C2187E
statusBarItem.errorForeground#FFFFFF
statusBarItem.hoverBackground#5457c033
statusBarItem.prominentBackground#5457C059
statusBarItem.prominentHoverBackground#5457C073
statusBarItem.remoteBackground#5457C0
statusBarItem.remoteForeground#F4F1FA
statusBarItem.warningBackground#9A6700
statusBarItem.warningForeground#FFFFFF
symbolIcon.arrayForeground#26233A
symbolIcon.booleanForeground#B35A00
symbolIcon.classForeground#7C24CE
symbolIcon.colorForeground#44415C
symbolIcon.constantForeground#B35A00
symbolIcon.constructorForeground#0B61D6
symbolIcon.enumeratorForeground#7C24CE
symbolIcon.enumeratorMemberForeground#B35A00
symbolIcon.eventForeground#0B61D6
symbolIcon.fieldForeground#26233A
symbolIcon.fileForeground#26233A
symbolIcon.folderForeground#44415C
symbolIcon.functionForeground#0B61D6
symbolIcon.interfaceForeground#7C24CE
symbolIcon.keyForeground#7C24CE
symbolIcon.keywordForeground#5456AE
symbolIcon.methodForeground#0B61D6
symbolIcon.moduleForeground#5456AE
symbolIcon.namespaceForeground#5456AE
symbolIcon.numberForeground#B35A00
symbolIcon.objectForeground#26233A
symbolIcon.operatorForeground#5456AE
symbolIcon.packageForeground#5456AE
symbolIcon.propertyForeground#26233A
symbolIcon.referenceForeground#26233A
symbolIcon.snippetForeground#26233A
symbolIcon.stringForeground#B35A00
symbolIcon.structForeground#7C24CE
symbolIcon.textForeground#26233A
symbolIcon.typeParameterForeground#7C24CE
symbolIcon.unitForeground#B35A00
symbolIcon.variableForeground#26233A
tab.activeBackground#EAE7F3
tab.activeBorderTop#5457C0
tab.activeForeground#26233A
tab.border#D8D4E8
tab.hoverBackground#FFFFFF
tab.inactiveBackground#F4F1FA
tab.inactiveForeground#6F6C84
tab.lastPinnedBorder#C4C0DA
tab.unfocusedActiveForeground#44415C
tab.unfocusedInactiveForeground#6F6C84
terminal.ansiBlack#F4F1FA
terminal.ansiBlue#5457C0
terminal.ansiBrightBlack#6F6C84
terminal.ansiBrightBlue#5457C0
terminal.ansiBrightCyan#5457C0
terminal.ansiBrightGreen#1F7A45
terminal.ansiBrightMagenta#0B61D6
terminal.ansiBrightRed#C2187E
terminal.ansiBrightWhite#26233A
terminal.ansiBrightYellow#9A6700
terminal.ansiCyan#5457C0
terminal.ansiGreen#1F7A45
terminal.ansiMagenta#0B61D6
terminal.ansiRed#C2187E
terminal.ansiWhite#26233A
terminal.ansiYellow#9A6700
terminal.background#F4F1FA
terminal.border#D8D4E8
terminal.findMatchBackground#B35A0066
terminal.findMatchHighlightBackground#5457C033
terminal.foreground#26233A
terminal.inactiveSelectionBackground#5457C026
terminal.selectionBackground#5457C040
terminalCommandDecoration.defaultBackground#6F6C84
terminalCommandDecoration.errorBackground#C2187E
terminalCommandDecoration.successBackground#1F7A45
terminalCursor.foreground#26233A
terminalStickyScroll.background#EAE7F3
terminalStickyScrollHover.background#E2DEEF
testing.iconErrored#C2187E
testing.iconFailed#C2187E
testing.iconPassed#1F7A45
testing.iconQueued#9A6700
testing.iconSkipped#6F6C84
testing.iconUnset#6F6C84
testing.message.error.decorationForeground#C2187E
testing.message.info.decorationForeground#0B61D6
testing.runAction#1F7A45
textBlockQuote.background#FFFFFF
textBlockQuote.border#5457C0
textCodeBlock.background#FFFFFF
textCodeBlockBackground#FFFFFF
textLink#5457C0
textLink.activeForeground#5457C0
textLink.foreground#5457C0
textPreformat.background#FFFFFF
textPreformat.foreground#44415C
textPreformatBackground#DBD7EA
textPreformatForeground#44415C
textSeparator.foreground#C4C0DA
titleBar.activeBackground#F4F1FA
titleBar.activeForeground#26233A
titleBar.border#D8D4E8
titleBar.inactiveBackground#EAE7F3
titleBar.inactiveForeground#6F6C84
toolbar.activeBackground#CFCBEE
toolbar.hoverBackground#E2DEEF
tree.inactiveIndentGuidesStroke#D8D4E8
tree.indentGuidesStroke#C4C0DA
tree.tableColumnsBorder#C4C0DA
tree.tableOddRowsBackground#ffffff80
walkThrough.embeddedEditorBackground#EAE7F3
welcomePage.background#F4F1FA
welcomePage.progress.background#FFFFFF
welcomePage.progress.foreground#5457C0
welcomePage.tileBackground#FFFFFF
welcomePage.tileBorder#C4C0DA
welcomePage.tileHoverBackground#E2DEEF
widget.border#C4C0DA
widget.shadow#00000026
window.activeBorder#5457C0
window.inactiveBorder#D8D4E8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#908DA5	italic
keyword, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#5456AE	—
entity.name.function, support.function, support.function.sql, meta.function-call	#0B61D6	—
entity.name.type, support.type, support.type.sql	#7C24CE	—
entity.name.table.sql, entity.name.class	#26233A	—
variable, variable.other, meta.column.sql, variable.other.column.sql, support.variable	#26233A	—
variable.parameter.sql, variable.other.sql, variable.parameter	#26233A	—
string, string.quoted.single.sql, string.quoted.double.sql	#B35A00	—
constant.numeric, constant.language	#B35A00	—
keyword.operator, keyword.operator.sql, punctuation	#5456AE	—
constant.other, support.constant	#B35A00	—
support.type.property-name.json	#7C24CE	—
meta.decorator, punctuation.decorator	#7C24CE	—
string.template, punctuation.definition.template-expression	#B35A00	—
constant.character.escape	#B35A00	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#7C24CE	—
string.regexp, keyword.control.anchor.regexp, constant.other.character-class.regexp	#B35A00	—
entity.name.tag.yaml	#7C24CE	—
meta.preprocessor, keyword.control.directive	#5456AE	—
storage.type.class.jsdoc, variable.other.jsdoc, entity.name.type.instance.jsdoc	#908DA5	italic
markup.list, punctuation.definition.list	#5456AE	—
variable.other.special.shell	#26233A	—
entity.name.lifetime.rust, keyword.operator.borrow.rust	#B35A00	—
variable.language.special.self.python, variable.language.special.self	#5456AE	—
keyword.control, keyword.control.flow, keyword.control.import, keyword.control.conditional, keyword.control.loop	#5456AE	—
storage.modifier, storage.type.modifier	#5456AE	—
variable.language, variable.language.this, variable.language.super	#5456AE	italic
entity.name.namespace, entity.name.scope-resolution	#7C24CE	—
entity.other.inherited-class	#7C24CE	italic
variable.other.property, variable.other.object.property, meta.object-literal.key	#26233A	—
support.class, support.other, support.constant.property-value	#7C24CE	—
meta.annotation, storage.type.annotation, punctuation.definition.annotation	#7C24CE	—
punctuation.accessor, punctuation.separator, meta.brace	#5456AE	—
meta.template.expression, punctuation.section.embedded	#5456AE	—
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#5456AE	—
entity.other.attribute-name, entity.other.attribute-name.html	#26233A	—
punctuation.definition.tag, punctuation.separator.key-value.html	#5456AE	—
support.class.component, entity.name.tag.jsx, entity.name.tag.tsx	#7C24CE	—
support.type.property-name.css, support.type.vendored.property-name.css	#26233A	—
keyword.other.unit, constant.numeric.css, constant.other.color	#B35A00	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#5456AE	bold
markup.bold, punctuation.definition.bold	#B35A00	bold
markup.italic, punctuation.definition.italic	#7C24CE	italic
markup.quote	#908DA5	italic
markup.inline.raw, markup.fenced_code, markup.raw	#B35A00	—
markup.underline.link, string.other.link, constant.other.reference.link.markdown	#0B61D6	—
string.other.link.title.markdown, string.other.link.description.markdown	#26233A	—
meta.separator.markdown, punctuation.definition.constant.markdown	#908DA5	—
markup.inserted, meta.diff.header.to-file	#1F7A45	—
markup.deleted, meta.diff.header.from-file	#C2187E	—
markup.changed	#0B61D6	—
invalid, invalid.illegal	#C2187E	—
keyword, keyword.package, keyword.import, keyword.function, keyword.type, keyword.other, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#5456AE	—
keyword.operator, keyword.operator.sql, punctuation	#5456AE	—
entity.name.table.sql, entity.name.class	#26233A	—
variable, variable.other, variable.other.object, variable.parameter, variable.parameter.sql, variable.other.sql, meta.column.sql, variable.other.column.sql, support.variable	#26233A	—
constant.numeric, constant.language	#B35A00	—
entity.name.tag	#0B61D6	—
entity.other.attribute-name	#7C24CE	—
variable.other.property, variable.other.object.property, variable.object.property, meta.property-name, meta.object-literal.key, meta.object-literal.key.js, meta.object-literal.key.jsx, meta.object-literal.key.ts, meta.object-literal.key.tsx, meta.definition.property, support.type.property-name, support.type.property-name.json, support.type.property-name.ts, support.type.property-name.tsx	#7C24CE	—
markup.inline.raw, markup.fenced_code.block	#B35A00	—
markup.underline.link	#0B61D6	—