ZeroToSaaS Accessibility Theme Suite

Name: ZeroToSaaS Accessibility Theme Suite
Author: ZeroToSaaS.in

Publisher: ZeroToSaaS.inThemes in package: 20

Medically optimized, WCAG AAA compliant themes with Semantic Cognitive Status (Safe, Caution, Warning, Panic) and contextual file-type adaptation.

Open in VS Code GitHub

Color themes

VS Code preview

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

ZeroToSaaS Accessibility Theme Suite — ZeroToSaaS Golden Sand Night (Yellow)

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#C19F61
activityBar.background#1B1913
activityBar.border#2F2E29
activityBar.foreground#C19F61
activityBar.inactiveForeground#A19D90
activityBarBadge.background#C19F61
activityBarBadge.foreground#FFFFFF
badge.background#C19F61
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#C19F61
breadcrumb.background#0F0D08
breadcrumb.focusForeground#EBE8DD
breadcrumb.foreground#A19D90
button.background#C19F61
button.foreground#FFFFFF
button.hoverBackground#CFB482
button.secondaryBackground#15130D
button.secondaryForeground#EBE8DD
button.secondaryHoverBackground#211F1B
chat.avatarBackground#C19F61
chat.avatarForeground#FFFFFF
chat.linesAddedForeground#7EC182
chat.linesRemovedForeground#FA7C65
chat.requestBackground#15130D
chat.requestBorder#2F2E29
chat.slashCommandBackground#C19F611A
chat.slashCommandForeground#C19F61
commandCenter.activeBackground#211F1B
commandCenter.activeBorder#C19F61
commandCenter.activeForeground#EBE8DD
commandCenter.background#15130D
commandCenter.border#2F2E29
commandCenter.foreground#EBE8DD
commandCenter.inactiveBorder#2F2E29
commandCenter.inactiveForeground#A19D90
debugConsole.background#0F0D08
debugConsole.errorForeground#FA7C65
debugConsole.foreground#EBE8DD
debugConsole.infoForeground#7EC182
debugConsole.sourceForeground#A19D90
debugConsole.warningForeground#D7A26A
debugConsoleInputIcon.foreground#C19F61
debugIcon.breakpointCurrentStackframeForeground#D3B373
debugIcon.breakpointDisabledForeground#A19D9080
debugIcon.breakpointForeground#FA7C65
debugIcon.breakpointStackframeForeground#7EC182
debugIcon.breakpointUnverifiedForeground#D7A26A
debugIcon.continueForeground#7EC182
debugIcon.disconnectForeground#FA7C65
debugIcon.pauseForeground#D3B373
debugIcon.restartForeground#7EC182
debugIcon.startForeground#7EC182
debugIcon.stepBackForeground#C19F61
debugIcon.stepIntoForeground#C19F61
debugIcon.stepOutForeground#C19F61
debugIcon.stepOverForeground#C19F61
debugIcon.stopForeground#FA7C65
debugTokenExpression.boolean#C0A062
debugTokenExpression.error#FA7C65
debugTokenExpression.name#EDE5C6
debugTokenExpression.number#F87A63
debugTokenExpression.string#C0A062
debugTokenExpression.value#C0A062
debugToolBar.background#15130D
debugToolBar.border#2F2E29
debugView.stateLabelForeground#C19F61
debugView.valueChangedHighlight#1E1B10
descriptionForeground#A19D90
diffEditor.border#2F2E29
diffEditor.insertedTextBackground#121813CC
diffEditor.removedTextBackground#1C1412CC
disabledForeground#A19D90AA
dropdown.background#0F0D08
dropdown.border#44423E
dropdown.foreground#EBE8DD
editor.background#0F0D08
editor.findMatchBackground#1E1B10
editor.findMatchBorder#D3B373
editor.findMatchHighlightBackground#1E1B10CC
editor.foreground#EBE8DD
editor.hoverHighlightBackground#15130D
editor.inactiveSelectionBackground#44270080
editor.lineHighlightBackground#15130D77
editor.lineHighlightBorder#00000000
editor.selectionBackground#442700B3
editor.selectionHighlightBackground#44270066
editor.selectionHighlightBorder#C19F614D
editor.wordHighlightBackground#C19F611A
editor.wordHighlightStrongBackground#C19F612E
editorActionList.background#0F0D08
editorActionList.focusBackground#211F1B
editorActionList.focusForeground#EBE8DD
editorActionList.foreground#EBE8DD
editorAI.background#C19F6115
editorAI.border#C19F614D
editorAI.foreground#C19F61
editorBracketHighlight.foreground1#C19F61
editorBracketHighlight.foreground2#7EC182
editorBracketHighlight.foreground3#D3B373
editorBracketHighlight.foreground4#BEA068
editorBracketHighlight.foreground5#84B470
editorBracketHighlight.foreground6#D7A26A
editorBracketMatch.background#211F1B
editorBracketMatch.border#C19F61
editorCursor.foreground#C19F61
editorError.foreground#FA7C65
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#A19D90CC
editorGroup.border#2F2E29
editorGroupHeader.noTabsBackground#0F0D08
editorGroupHeader.tabsBackground#15130D
editorGroupHeader.tabsBorder#2F2E29
editorHint.foreground#7EC182
editorHoverWidget.background#0F0D08
editorHoverWidget.border#44423E
editorHoverWidget.foreground#EBE8DD
editorHoverWidget.statusBarBackground#15130D
editorIndentGuide.activeBackground#C19F61
editorIndentGuide.activeBackground1#C19F61
editorIndentGuide.activeBackground2#7EC182
editorIndentGuide.activeBackground3#D3B373
editorIndentGuide.activeBackground4#BEA068
editorIndentGuide.activeBackground5#84B470
editorIndentGuide.activeBackground6#D7A26A
editorIndentGuide.background#2F2E29
editorIndentGuide.background1#C19F6125
editorIndentGuide.background2#7EC18225
editorIndentGuide.background3#D3B37325
editorIndentGuide.background4#BEA06825
editorIndentGuide.background5#84B47025
editorIndentGuide.background6#D7A26A25
editorInfo.foreground#C19F61
editorInlayHint.background#211F1B99
editorInlayHint.foreground#A19D90
editorInlayHint.parameterForeground#C29F5F
editorInlayHint.typeForeground#84B470
editorLineNumber.activeForeground#C19F61
editorLineNumber.foreground#A19D9099
editorLink.activeForeground#C19F61
editorStickyScroll.background#15130D
editorStickyScroll.border#2F2E29
editorStickyScroll.shadow#00000044
editorStickyScrollHover.background#211F1B
editorSuggestWidget.background#0F0D08
editorSuggestWidget.border#44423E
editorSuggestWidget.focusHighlightForeground#C19F61
editorSuggestWidget.foreground#EBE8DD
editorSuggestWidget.highlightForeground#C19F61
editorSuggestWidget.selectedBackground#211F1B
editorSuggestWidget.selectedForeground#EBE8DD
editorSuggestWidget.selectedIconForeground#C19F61
editorWarning.foreground#D7A26A
editorWidget.background#0F0D08
editorWidget.border#44423E
editorWidget.foreground#EBE8DD
editorWidget.resizeBorder#C19F61
errorForeground#FA7C65
focusBorder#C19F61
foreground#EBE8DD
gitDecoration.addedResourceForeground#7EC182
gitDecoration.conflictingResourceForeground#D7A26A
gitDecoration.deletedResourceForeground#FA7C65
gitDecoration.ignoredResourceForeground#A19D9088
gitDecoration.modifiedResourceForeground#D3B373
gitDecoration.untrackedResourceForeground#7EC182
icon.foreground#EBE8DD
inlineChat.background#0F0D08
inlineChat.border#44423E
inlineChat.regionHighlight#C19F611A
inlineChat.shadow#00000055
inlineChatDiff.inserted#121813CC
inlineChatDiff.removed#1C1412CC
inlineChatInput.background#15130D
inlineChatInput.border#2F2E29
inlineChatInput.focusBorder#C19F61
inlineChatInput.placeholderForeground#A19D90
inlineEdit.border#44423E
inlineEdit.indicator.background#C19F61
inlineEdit.indicator.border#CFB482
inlineEdit.indicator.foreground#FFFFFF
inlineEdit.modifiedBackground#12181380
inlineEdit.originalBackground#1C141280
input.background#0F0D08
input.border#44423E
input.foreground#EBE8DD
input.placeholderForeground#A19D90
inputOption.activeBorder#C19F61
inputValidation.errorBackground#1C1412
inputValidation.errorBorder#FA7C65
inputValidation.infoBackground#121813
inputValidation.infoBorder#7EC182
inputValidation.warningBackground#1B150B
inputValidation.warningBorder#D7A26A
interactive.activeCodeBorder#C19F61
interactive.inactiveCodeBorder#2F2E29
interactive.requestBorder#2F2E29
keybindingLabel.background#15130D
keybindingLabel.border#44423E
keybindingLabel.bottomBorder#44423E
keybindingLabel.foreground#EBE8DD
list.activeSelectionBackground#211F1B
list.activeSelectionForeground#EBE8DD
list.activeSelectionIconForeground#C19F61
list.errorForeground#FA7C65
list.focusBackground#211F1B
list.focusForeground#EBE8DD
list.focusHighlightForeground#C19F61
list.highlightForeground#C19F61
list.hoverBackground#211F1B66
list.hoverForeground#EBE8DD
list.inactiveFocusBackground#44270055
list.inactiveSelectionBackground#44270077
list.inactiveSelectionForeground#EBE8DD
list.inactiveSelectionIconForeground#C19F61
list.warningForeground#D7A26A
menu.background#0F0D08
menu.border#44423E
menu.foreground#EBE8DD
menu.selectionBackground#211F1B
menu.selectionBorder#C19F61
menu.selectionForeground#EBE8DD
menu.separatorBackground#2F2E29
menubar.selectionBackground#211F1B
menubar.selectionForeground#EBE8DD
multiDiffEditor.background#0F0D08
multiDiffEditor.border#2F2E29
multiDiffEditor.headerBackground#15130D
notificationCenter.border#44423E
notifications.background#0F0D08
notifications.border#2F2E29
notifications.foreground#EBE8DD
notificationToast.border#44423E
outputView.background#0F0D08
outputViewStickyScroll.background#15130D
panel.background#181610
panel.border#2F2E29
panelSection.border#2F2E29
panelSection.dropBackground#211F1B
panelSectionHeader.background#15130D
panelSectionHeader.border#2F2E29
panelSectionHeader.foreground#EBE8DD
panelTitle.activeBorder#C19F61
panelTitle.activeForeground#EBE8DD
panelTitle.inactiveForeground#A19D90
peekView.border#C19F61
peekViewEditor.background#15130D
peekViewEditor.matchHighlightBackground#1E1B10
peekViewResult.background#181610
peekViewResult.matchHighlightBackground#1E1B10
peekViewResult.selectionBackground#211F1B
peekViewTitle.background#15130D
problemsErrorIcon.foreground#FA7C65
problemsInfoIcon.foreground#C19F61
problemsWarningIcon.foreground#D7A26A
quickInput.background#0F0D08
quickInput.foreground#EBE8DD
quickInputList.focusBackground#211F1B
searchEditor.findMatchBackground#1E1B10
searchEditor.findMatchBorder#D3B373
selection.background#211F1B
settings.focusedRowBackground#211F1B50
settings.headerForeground#C19F61
settings.modifiedItemIndicator#C19F61
settings.rowHoverBackground#211F1B25
sideBar.background#181610
sideBar.border#2F2E29
sideBar.foreground#EBE8DD
sideBarSectionHeader.background#15130D
sideBarSectionHeader.border#2F2E29
sideBarSectionHeader.foreground#EBE8DD
sideBarTitle.foreground#C19F61
statusBar.background#3F2100
statusBar.border#3F2100
statusBar.debuggingBackground#1B150B
statusBar.debuggingForeground#D7A26A
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#3F2100
statusBar.noFolderForeground#FFFFFF
statusBarItem.hoverBackground#FFFFFF25
statusBarItem.remoteBackground#00000030
statusBarItem.remoteForeground#FFFFFF
symbolIcon.arrayForeground#EDE5C6
symbolIcon.booleanForeground#F87A63
symbolIcon.classForeground#84B470
symbolIcon.colorForeground#F87A63
symbolIcon.constantForeground#C0A062
symbolIcon.eventForeground#BEA068
symbolIcon.fieldForeground#EDE5C6
symbolIcon.fileForeground#EBE8DD
symbolIcon.folderForeground#C19F61
symbolIcon.functionForeground#BEA068
symbolIcon.interfaceForeground#84B470
symbolIcon.keyForeground#C29F5F
symbolIcon.keywordForeground#C29F5F
symbolIcon.methodForeground#BEA068
symbolIcon.moduleForeground#C19F61
symbolIcon.nullForeground#C0A062
symbolIcon.numberForeground#F87A63
symbolIcon.objectForeground#84B470
symbolIcon.operatorForeground#EDE5C6
symbolIcon.packageForeground#C19F61
symbolIcon.propertyForeground#EDE5C6
symbolIcon.snippetForeground#C19F61
symbolIcon.stringForeground#C0A062
symbolIcon.structForeground#84B470
symbolIcon.textForeground#EBE8DD
symbolIcon.typeParameterForeground#84B470
symbolIcon.unitForeground#C0A062
symbolIcon.variableForeground#EDE5C6
tab.activeBackground#0F0D08
tab.activeBorder#C19F61
tab.activeBorderTop#C19F61
tab.activeForeground#EBE8DD
tab.border#2F2E29
tab.hoverBackground#0F0D08
tab.hoverForeground#EBE8DD
tab.inactiveBackground#15130D
tab.inactiveForeground#A19D90
tab.unfocusedActiveBackground#0F0D08
tab.unfocusedActiveForeground#EBE8DD
tab.unfocusedInactiveForeground#A19D90
terminal.ansiBlack#15130D
terminal.ansiBlue#C19F61
terminal.ansiBrightBlack#181610
terminal.ansiBrightBlue#CFB482
terminal.ansiBrightCyan#84B470
terminal.ansiBrightGreen#7EC182
terminal.ansiBrightMagenta#BEA068
terminal.ansiBrightRed#FA7C65
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#D3B373
terminal.ansiCyan#84B470
terminal.ansiGreen#7EC182
terminal.ansiMagenta#BEA068
terminal.ansiRed#FA7C65
terminal.ansiWhite#EBE8DD
terminal.ansiYellow#D3B373
terminal.background#0F0D08
terminal.border#2F2E29
terminal.findMatchBackground#1E1B10
terminal.findMatchBorder#D3B373
terminal.findMatchHighlightBackground#1E1B10CC
terminal.foreground#EBE8DD
terminal.hoverHighlightBackground#15130D
terminal.inactiveSelectionBackground#44270055
terminal.selectionBackground#442700B3
terminal.tab.activeBorder#C19F61
terminalCommandDecoration.defaultBackground#C19F6180
terminalCommandDecoration.errorBackground#FA7C65
terminalCommandDecoration.successBackground#7EC182
terminalCursor.background#0F0D08
terminalCursor.foreground#C19F61
terminalOverviewRuler.cursorForeground#C19F61
terminalOverviewRuler.findMatchForeground#D3B373
titleBar.activeBackground#181610
titleBar.activeForeground#EBE8DD
titleBar.border#2F2E29
titleBar.inactiveBackground#15130D
titleBar.inactiveForeground#A19D90
walkThrough.embeddedEditorBackground#15130D
welcomePage.background#0F0D08
welcomePage.buttonBackground#15130D
welcomePage.buttonHoverBackground#211F1B
widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.line.double-slash, comment.line.triple-slash, comment.line.number-sign, comment.line.dashes, comment.line.character, comment.line.percentage, comment.block, comment.block.documentation, punctuation.definition.comment, string.comment, string.quoted.docstring, string.quoted.docstring.multi, string.quoted.docstring.multi.python, string.quoted.docstring.single.python, string.quoted.double.block.python, string.quoted.single.block.python, source.kotlin comment, source.kotlin comment.line, source.kotlin comment.block, source.kotlin comment.block.documentation, source.swift comment, source.go comment, source.rust comment, source.dart comment, source.java comment, source.ts comment, source.tsx comment, source.js comment, source.jsx comment, source.python comment, source.sql comment, source.shell comment, source.yaml comment	#B0A57B	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, storage, storage.type, storage.modifier	#C29F5F	bold
entity.name.function, support.function, meta.function-call, variable.function	#BEA068	—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.class, support.type, entity.other.inherited-class	#84B470	bold
constant, constant.language, constant.numeric, support.constant	#C0A062	—
variable, variable.other, variable.other.readwrite, variable.other.property	#EDE5C6	—
keyword.operator, punctuation, punctuation.accessor, punctuation.separator	#EDE5C6	—
invalid, invalid.illegal, invalid.deprecated	#FA7C65	bold underline
constant.other.color, constant.other.color.rgb-value, constant.other.uuid, support.constant.color, keyword.other.dotenv, source.env variable.other.key, source.dotenv variable.other.key	#FA7C65	—
string.regexp, string.regexp constant.character.escape, constant.other.character-class.regexp	#FA7C65	—
source.python string.quoted, source.js string.quoted, source.jsx string.quoted, source.ts string.quoted, source.tsx string.quoted, source.rust string.quoted, source.go string.quoted, source.kotlin string.quoted, source.swift string.quoted, source.dart string.quoted, source.sql string.quoted	#D7A26A	—
source.js string.template, source.ts string.template, source.tsx string.template, source.python string.interpolated	#D7A26A	—
source.python variable.parameter, source.js variable.parameter, source.jsx variable.parameter, source.ts variable.parameter, source.tsx variable.parameter, source.rust variable.parameter, source.go variable.parameter, source.kotlin variable.parameter, source.swift variable.parameter, source.dart variable.parameter	#D3B373	—
source.ts entity.name.type, source.tsx entity.name.type, source.rust entity.name.type, source.go entity.name.type, source.kotlin entity.name.type, source.swift entity.name.type, source.dart entity.name.type, source.python entity.name.type.class	#7EC182	bold
source.python entity.name.function.decorator, source.python variable.language.special.self, source.python variable.language.special.cls	#CFB482	italic
source.python support.function.magic	#BEA068	bold
source.jsx entity.name.tag, source.tsx entity.name.tag, source.jsx support.class.component, source.tsx support.class.component	#7EC182	bold
source.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name	#D3B373	—
source.sql keyword.other.DML, source.sql keyword.other.DDL, source.sql keyword.other.order, source.sql keyword.other.create	#C29F5F	bold
source.sql constant.other.database-name, source.sql constant.other.table-name	#84B470	—
source.rust storage.modifier.lifetime, source.rust entity.name.function.macro	#BEA068	bold
source.go entity.name.package, source.go keyword.channel	#C29F5F	bold
source.kotlin storage.type.annotation, source.swift storage.type.annotation, source.swift keyword.other.declaration-specifier	#BEA068	—
source.dart storage.type.annotation, source.dart support.class.flutter	#7EC182	bold
source.json support.type.property-name	#7EC182	bold
source.yaml entity.name.tag	#7EC182	bold
source.toml entity.other.attribute-name.table, source.toml keyword.key	#7EC182	bold
source.ini entity.name.section, source.ini keyword.other.definition	#7EC182	bold
source.env variable.other.key, source.dotenv variable.other.key, source.env keyword.other	#FA7C65	bold
text.html.markdown, text.plain, meta.paragraph.markdown	#EBE8DD	—
text.html.markdown markup.heading, text.html.markdown entity.name.section, text.html.markdown punctuation.definition.heading	#C29F5F	bold
text.html.markdown markup.inline.raw, text.html.markdown markup.fenced_code	#7EC182	—
text.html.markdown markup.underline.link, text.html.markdown string.other.link	#C19F61	underline
text.html.markdown markup.quote	#B0A57B	italic
text.html entity.name.tag, text.xml entity.name.tag	#C29F5F	bold
text.html entity.other.attribute-name, text.xml entity.other.attribute-name	#BEA068	—
log.error, log.fatal, log.critical, log.exception	#FA7C65	bold
log.warning, log.warn	#D7A26A	bold
log.info, log.notice	#7EC182	bold
log.debug, log.trace	#D3B373	—
log.date, log.timestamp	#A19D90	—

VS Code preview

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

ZeroToSaaS Accessibility Theme Suite — ZeroToSaaS Golden Sand (Yellow)

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#6B4C00
activityBar.background#EAE3CE
activityBar.border#CEBF8F
activityBar.foreground#6B4C00
activityBar.inactiveForeground#605426
activityBarBadge.background#6B4C00
activityBarBadge.foreground#FFFFFF
badge.background#6B4C00
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#6B4C00
breadcrumb.background#FCFAF4
breadcrumb.focusForeground#221B03
breadcrumb.foreground#605426
button.background#6B4C00
button.foreground#FFFFFF
button.hoverBackground#4E3700
button.secondaryBackground#F6F2E3
button.secondaryForeground#221B03
button.secondaryHoverBackground#DDD2B6
chat.avatarBackground#6B4C00
chat.avatarForeground#FFFFFF
chat.linesAddedForeground#1C6026
chat.linesRemovedForeground#8E1200
chat.requestBackground#F6F2E3
chat.requestBorder#CEBF8F
chat.slashCommandBackground#6B4C001A
chat.slashCommandForeground#6B4C00
commandCenter.activeBackground#DDD2B6
commandCenter.activeBorder#6B4C00
commandCenter.activeForeground#221B03
commandCenter.background#F6F2E3
commandCenter.border#CEBF8F
commandCenter.foreground#221B03
commandCenter.inactiveBorder#CEBF8F
commandCenter.inactiveForeground#605426
debugConsole.background#FCFAF4
debugConsole.errorForeground#8E1200
debugConsole.foreground#221B03
debugConsole.infoForeground#1C6026
debugConsole.sourceForeground#605426
debugConsole.warningForeground#734400
debugConsoleInputIcon.foreground#6B4C00
debugIcon.breakpointCurrentStackframeForeground#6A4D00
debugIcon.breakpointDisabledForeground#60542680
debugIcon.breakpointForeground#8E1200
debugIcon.breakpointStackframeForeground#1C6026
debugIcon.breakpointUnverifiedForeground#734400
debugIcon.continueForeground#1C6026
debugIcon.disconnectForeground#8E1200
debugIcon.pauseForeground#6A4D00
debugIcon.restartForeground#1C6026
debugIcon.startForeground#1C6026
debugIcon.stepBackForeground#6B4C00
debugIcon.stepIntoForeground#6B4C00
debugIcon.stepOutForeground#6B4C00
debugIcon.stepOverForeground#6B4C00
debugIcon.stopForeground#8E1200
debugTokenExpression.boolean#684B00
debugTokenExpression.error#8E1200
debugTokenExpression.name#221B03
debugTokenExpression.number#8E1200
debugTokenExpression.string#684B00
debugTokenExpression.value#684B00
debugToolBar.background#F6F2E3
debugToolBar.border#CEBF8F
debugView.stateLabelForeground#6B4C00
debugView.valueChangedHighlight#FEFAEB
descriptionForeground#605426
diffEditor.border#CEBF8F
diffEditor.insertedTextBackground#F1FAF3CC
diffEditor.removedTextBackground#FEF1EECC
disabledForeground#605426AA
dropdown.background#FCFAF4
dropdown.border#A8955A
dropdown.foreground#221B03
editor.background#FCFAF4
editor.findMatchBackground#FEFAEB
editor.findMatchBorder#FDE496
editor.findMatchHighlightBackground#FEFAEBCC
editor.foreground#221B03
editor.hoverHighlightBackground#F6F2E3
editor.inactiveSelectionBackground#E8DC9E80
editor.lineHighlightBackground#F6F2E377
editor.lineHighlightBorder#00000000
editor.selectionBackground#E8DC9EB3
editor.selectionHighlightBackground#E8DC9E66
editor.selectionHighlightBorder#6B4C004D
editor.wordHighlightBackground#6B4C001A
editor.wordHighlightStrongBackground#6B4C002E
editorActionList.background#FCFAF4
editorActionList.focusBackground#DDD2B6
editorActionList.focusForeground#221B03
editorActionList.foreground#221B03
editorAI.background#6B4C0015
editorAI.border#6B4C004D
editorAI.foreground#6B4C00
editorBracketHighlight.foreground1#6B4C00
editorBracketHighlight.foreground2#1C6026
editorBracketHighlight.foreground3#6A4D00
editorBracketHighlight.foreground4#5C4100
editorBracketHighlight.foreground5#2C5814
editorBracketHighlight.foreground6#734400
editorBracketMatch.background#DDD2B6
editorBracketMatch.border#6B4C00
editorCursor.foreground#6B4C00
editorError.foreground#8E1200
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#605426CC
editorGroup.border#CEBF8F
editorGroupHeader.noTabsBackground#FCFAF4
editorGroupHeader.tabsBackground#F6F2E3
editorGroupHeader.tabsBorder#CEBF8F
editorHint.foreground#1C6026
editorHoverWidget.background#FCFAF4
editorHoverWidget.border#A8955A
editorHoverWidget.foreground#221B03
editorHoverWidget.statusBarBackground#F6F2E3
editorIndentGuide.activeBackground#6B4C00
editorIndentGuide.activeBackground1#6B4C00
editorIndentGuide.activeBackground2#1C6026
editorIndentGuide.activeBackground3#6A4D00
editorIndentGuide.activeBackground4#5C4100
editorIndentGuide.activeBackground5#2C5814
editorIndentGuide.activeBackground6#734400
editorIndentGuide.background#CEBF8F
editorIndentGuide.background1#6B4C0025
editorIndentGuide.background2#1C602625
editorIndentGuide.background3#6A4D0025
editorIndentGuide.background4#5C410025
editorIndentGuide.background5#2C581425
editorIndentGuide.background6#73440025
editorInfo.foreground#6B4C00
editorInlayHint.background#DDD2B699
editorInlayHint.foreground#605426
editorInlayHint.parameterForeground#6E4E00
editorInlayHint.typeForeground#2C5814
editorLineNumber.activeForeground#6B4C00
editorLineNumber.foreground#60542699
editorLink.activeForeground#6B4C00
editorStickyScroll.background#F6F2E3
editorStickyScroll.border#CEBF8F
editorStickyScroll.shadow#00000014
editorStickyScrollHover.background#DDD2B6
editorSuggestWidget.background#FCFAF4
editorSuggestWidget.border#A8955A
editorSuggestWidget.focusHighlightForeground#6B4C00
editorSuggestWidget.foreground#221B03
editorSuggestWidget.highlightForeground#6B4C00
editorSuggestWidget.selectedBackground#DDD2B6
editorSuggestWidget.selectedForeground#221B03
editorSuggestWidget.selectedIconForeground#6B4C00
editorWarning.foreground#734400
editorWidget.background#FCFAF4
editorWidget.border#A8955A
editorWidget.foreground#221B03
editorWidget.resizeBorder#6B4C00
errorForeground#8E1200
focusBorder#6B4C00
foreground#221B03
gitDecoration.addedResourceForeground#1C6026
gitDecoration.conflictingResourceForeground#734400
gitDecoration.deletedResourceForeground#8E1200
gitDecoration.ignoredResourceForeground#60542688
gitDecoration.modifiedResourceForeground#6A4D00
gitDecoration.untrackedResourceForeground#1C6026
icon.foreground#221B03
inlineChat.background#FCFAF4
inlineChat.border#A8955A
inlineChat.regionHighlight#6B4C001A
inlineChat.shadow#00000022
inlineChatDiff.inserted#F1FAF3CC
inlineChatDiff.removed#FEF1EECC
inlineChatInput.background#F6F2E3
inlineChatInput.border#CEBF8F
inlineChatInput.focusBorder#6B4C00
inlineChatInput.placeholderForeground#605426
inlineEdit.border#A8955A
inlineEdit.indicator.background#6B4C00
inlineEdit.indicator.border#4E3700
inlineEdit.indicator.foreground#FFFFFF
inlineEdit.modifiedBackground#F1FAF380
inlineEdit.originalBackground#FEF1EE80
input.background#FCFAF4
input.border#A8955A
input.foreground#221B03
input.placeholderForeground#605426
inputOption.activeBorder#6B4C00
inputValidation.errorBackground#FEF1EE
inputValidation.errorBorder#8E1200
inputValidation.infoBackground#F1FAF3
inputValidation.infoBorder#1C6026
inputValidation.warningBackground#FFF6E8
inputValidation.warningBorder#734400
interactive.activeCodeBorder#6B4C00
interactive.inactiveCodeBorder#CEBF8F
interactive.requestBorder#CEBF8F
keybindingLabel.background#F6F2E3
keybindingLabel.border#A8955A
keybindingLabel.bottomBorder#A8955A
keybindingLabel.foreground#221B03
list.activeSelectionBackground#DDD2B6
list.activeSelectionForeground#221B03
list.activeSelectionIconForeground#6B4C00
list.errorForeground#8E1200
list.focusBackground#DDD2B6
list.focusForeground#221B03
list.focusHighlightForeground#6B4C00
list.highlightForeground#6B4C00
list.hoverBackground#DDD2B666
list.hoverForeground#221B03
list.inactiveFocusBackground#E8DC9E55
list.inactiveSelectionBackground#E8DC9E77
list.inactiveSelectionForeground#221B03
list.inactiveSelectionIconForeground#6B4C00
list.warningForeground#734400
menu.background#FCFAF4
menu.border#A8955A
menu.foreground#221B03
menu.selectionBackground#DDD2B6
menu.selectionBorder#6B4C00
menu.selectionForeground#221B03
menu.separatorBackground#CEBF8F
menubar.selectionBackground#DDD2B6
menubar.selectionForeground#221B03
multiDiffEditor.background#FCFAF4
multiDiffEditor.border#CEBF8F
multiDiffEditor.headerBackground#F6F2E3
notificationCenter.border#A8955A
notifications.background#FCFAF4
notifications.border#CEBF8F
notifications.foreground#221B03
notificationToast.border#A8955A
outputView.background#FCFAF4
outputViewStickyScroll.background#F6F2E3
panel.background#F2EDDC
panel.border#CEBF8F
panelSection.border#CEBF8F
panelSection.dropBackground#DDD2B6
panelSectionHeader.background#F6F2E3
panelSectionHeader.border#CEBF8F
panelSectionHeader.foreground#221B03
panelTitle.activeBorder#6B4C00
panelTitle.activeForeground#221B03
panelTitle.inactiveForeground#605426
peekView.border#6B4C00
peekViewEditor.background#F6F2E3
peekViewEditor.matchHighlightBackground#FEFAEB
peekViewResult.background#F2EDDC
peekViewResult.matchHighlightBackground#FEFAEB
peekViewResult.selectionBackground#DDD2B6
peekViewTitle.background#F6F2E3
problemsErrorIcon.foreground#8E1200
problemsInfoIcon.foreground#6B4C00
problemsWarningIcon.foreground#734400
quickInput.background#FCFAF4
quickInput.foreground#221B03
quickInputList.focusBackground#DDD2B6
searchEditor.findMatchBackground#FEFAEB
searchEditor.findMatchBorder#FDE496
selection.background#DDD2B6
settings.focusedRowBackground#DDD2B650
settings.headerForeground#6B4C00
settings.modifiedItemIndicator#6B4C00
settings.rowHoverBackground#DDD2B625
sideBar.background#F2EDDC
sideBar.border#CEBF8F
sideBar.foreground#221B03
sideBarSectionHeader.background#F6F2E3
sideBarSectionHeader.border#CEBF8F
sideBarSectionHeader.foreground#221B03
sideBarTitle.foreground#6B4C00
statusBar.background#6E4E00
statusBar.border#6E4E00
statusBar.debuggingBackground#FFF6E8
statusBar.debuggingForeground#734400
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#6E4E00
statusBar.noFolderForeground#FFFFFF
statusBarItem.hoverBackground#FFFFFF25
statusBarItem.remoteBackground#00000030
statusBarItem.remoteForeground#FFFFFF
symbolIcon.arrayForeground#221B03
symbolIcon.booleanForeground#8E1200
symbolIcon.classForeground#2C5814
symbolIcon.colorForeground#8E1200
symbolIcon.constantForeground#684B00
symbolIcon.eventForeground#5C4100
symbolIcon.fieldForeground#221B03
symbolIcon.fileForeground#221B03
symbolIcon.folderForeground#6B4C00
symbolIcon.functionForeground#5C4100
symbolIcon.interfaceForeground#2C5814
symbolIcon.keyForeground#6E4E00
symbolIcon.keywordForeground#6E4E00
symbolIcon.methodForeground#5C4100
symbolIcon.moduleForeground#6B4C00
symbolIcon.nullForeground#684B00
symbolIcon.numberForeground#8E1200
symbolIcon.objectForeground#2C5814
symbolIcon.operatorForeground#221B03
symbolIcon.packageForeground#6B4C00
symbolIcon.propertyForeground#221B03
symbolIcon.snippetForeground#6B4C00
symbolIcon.stringForeground#684B00
symbolIcon.structForeground#2C5814
symbolIcon.textForeground#221B03
symbolIcon.typeParameterForeground#2C5814
symbolIcon.unitForeground#684B00
symbolIcon.variableForeground#221B03
tab.activeBackground#FCFAF4
tab.activeBorder#6B4C00
tab.activeBorderTop#6B4C00
tab.activeForeground#221B03
tab.border#CEBF8F
tab.hoverBackground#FCFAF4
tab.hoverForeground#221B03
tab.inactiveBackground#F6F2E3
tab.inactiveForeground#605426
tab.unfocusedActiveBackground#FCFAF4
tab.unfocusedActiveForeground#221B03
tab.unfocusedInactiveForeground#605426
terminal.ansiBlack#221B03
terminal.ansiBlue#6B4C00
terminal.ansiBrightBlack#605426
terminal.ansiBrightBlue#4E3700
terminal.ansiBrightCyan#2C5814
terminal.ansiBrightGreen#1C6026
terminal.ansiBrightMagenta#5C4100
terminal.ansiBrightRed#8E1200
terminal.ansiBrightWhite#221B03
terminal.ansiBrightYellow#6A4D00
terminal.ansiCyan#2C5814
terminal.ansiGreen#1C6026
terminal.ansiMagenta#5C4100
terminal.ansiRed#8E1200
terminal.ansiWhite#F6F2E3
terminal.ansiYellow#6A4D00
terminal.background#FCFAF4
terminal.border#CEBF8F
terminal.findMatchBackground#FEFAEB
terminal.findMatchBorder#FDE496
terminal.findMatchHighlightBackground#FEFAEBCC
terminal.foreground#221B03
terminal.hoverHighlightBackground#F6F2E3
terminal.inactiveSelectionBackground#E8DC9E55
terminal.selectionBackground#E8DC9EB3
terminal.tab.activeBorder#6B4C00
terminalCommandDecoration.defaultBackground#6B4C0080
terminalCommandDecoration.errorBackground#8E1200
terminalCommandDecoration.successBackground#1C6026
terminalCursor.background#FCFAF4
terminalCursor.foreground#6B4C00
terminalOverviewRuler.cursorForeground#6B4C00
terminalOverviewRuler.findMatchForeground#6A4D00
titleBar.activeBackground#F2EDDC
titleBar.activeForeground#221B03
titleBar.border#CEBF8F
titleBar.inactiveBackground#F6F2E3
titleBar.inactiveForeground#605426
walkThrough.embeddedEditorBackground#F6F2E3
welcomePage.background#FCFAF4
welcomePage.buttonBackground#F6F2E3
welcomePage.buttonHoverBackground#DDD2B6
widget.shadow#00000018

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.line.double-slash, comment.line.triple-slash, comment.line.number-sign, comment.line.dashes, comment.line.character, comment.line.percentage, comment.block, comment.block.documentation, punctuation.definition.comment, string.comment, string.quoted.docstring, string.quoted.docstring.multi, string.quoted.docstring.multi.python, string.quoted.docstring.single.python, string.quoted.double.block.python, string.quoted.single.block.python, source.kotlin comment, source.kotlin comment.line, source.kotlin comment.block, source.kotlin comment.block.documentation, source.swift comment, source.go comment, source.rust comment, source.dart comment, source.java comment, source.ts comment, source.tsx comment, source.js comment, source.jsx comment, source.python comment, source.sql comment, source.shell comment, source.yaml comment	#5D522B	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, storage, storage.type, storage.modifier	#6E4E00	bold
entity.name.function, support.function, meta.function-call, variable.function	#5C4100	—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.class, support.type, entity.other.inherited-class	#2C5814	bold
constant, constant.language, constant.numeric, support.constant	#684B00	—
variable, variable.other, variable.other.readwrite, variable.other.property	#221B03	—
keyword.operator, punctuation, punctuation.accessor, punctuation.separator	#221B03	—
invalid, invalid.illegal, invalid.deprecated	#8E1200	bold underline
constant.other.color, constant.other.color.rgb-value, constant.other.uuid, support.constant.color, keyword.other.dotenv, source.env variable.other.key, source.dotenv variable.other.key	#8E1200	—
string.regexp, string.regexp constant.character.escape, constant.other.character-class.regexp	#8E1200	—
source.python string.quoted, source.js string.quoted, source.jsx string.quoted, source.ts string.quoted, source.tsx string.quoted, source.rust string.quoted, source.go string.quoted, source.kotlin string.quoted, source.swift string.quoted, source.dart string.quoted, source.sql string.quoted	#734400	—
source.js string.template, source.ts string.template, source.tsx string.template, source.python string.interpolated	#734400	—
source.python variable.parameter, source.js variable.parameter, source.jsx variable.parameter, source.ts variable.parameter, source.tsx variable.parameter, source.rust variable.parameter, source.go variable.parameter, source.kotlin variable.parameter, source.swift variable.parameter, source.dart variable.parameter	#6A4D00	—
source.ts entity.name.type, source.tsx entity.name.type, source.rust entity.name.type, source.go entity.name.type, source.kotlin entity.name.type, source.swift entity.name.type, source.dart entity.name.type, source.python entity.name.type.class	#1C6026	bold
source.python entity.name.function.decorator, source.python variable.language.special.self, source.python variable.language.special.cls	#4E3700	italic
source.python support.function.magic	#5C4100	bold
source.jsx entity.name.tag, source.tsx entity.name.tag, source.jsx support.class.component, source.tsx support.class.component	#1C6026	bold
source.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name	#6A4D00	—
source.sql keyword.other.DML, source.sql keyword.other.DDL, source.sql keyword.other.order, source.sql keyword.other.create	#6E4E00	bold
source.sql constant.other.database-name, source.sql constant.other.table-name	#2C5814	—
source.rust storage.modifier.lifetime, source.rust entity.name.function.macro	#5C4100	bold
source.go entity.name.package, source.go keyword.channel	#6E4E00	bold
source.kotlin storage.type.annotation, source.swift storage.type.annotation, source.swift keyword.other.declaration-specifier	#5C4100	—
source.dart storage.type.annotation, source.dart support.class.flutter	#1C6026	bold
source.json support.type.property-name	#1C6026	bold
source.yaml entity.name.tag	#1C6026	bold
source.toml entity.other.attribute-name.table, source.toml keyword.key	#1C6026	bold
source.ini entity.name.section, source.ini keyword.other.definition	#1C6026	bold
source.env variable.other.key, source.dotenv variable.other.key, source.env keyword.other	#8E1200	bold
text.html.markdown, text.plain, meta.paragraph.markdown	#221B03	—
text.html.markdown markup.heading, text.html.markdown entity.name.section, text.html.markdown punctuation.definition.heading	#6E4E00	bold
text.html.markdown markup.inline.raw, text.html.markdown markup.fenced_code	#1C6026	—
text.html.markdown markup.underline.link, text.html.markdown string.other.link	#6B4C00	underline
text.html.markdown markup.quote	#5D522B	italic
text.html entity.name.tag, text.xml entity.name.tag	#6E4E00	bold
text.html entity.other.attribute-name, text.xml entity.other.attribute-name	#5C4100	—
log.error, log.fatal, log.critical, log.exception	#8E1200	bold
log.warning, log.warn	#734400	bold
log.info, log.notice	#1C6026	bold
log.debug, log.trace	#6A4D00	—
log.date, log.timestamp	#605426	—

VS Code preview

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

ZeroToSaaS Accessibility Theme Suite — ZeroToSaaS High Contrast (ISO 9241-303)

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#002D80
activityBar.background#F2F2F2
activityBar.border#000000
activityBar.foreground#002D80
activityBar.inactiveForeground#444444
activityBarBadge.background#002D80
activityBarBadge.foreground#FFFFFF
badge.background#002D80
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#002D80
breadcrumb.background#FFFFFF
breadcrumb.focusForeground#000000
breadcrumb.foreground#444444
button.background#002D80
button.foreground#FFFFFF
button.hoverBackground#001F5C
button.secondaryBackground#F7F7F7
button.secondaryForeground#000000
button.secondaryHoverBackground#E5E5E5
chat.avatarBackground#002D80
chat.avatarForeground#FFFFFF
chat.linesAddedForeground#00591E
chat.linesRemovedForeground#8B0000
chat.requestBackground#F7F7F7
chat.requestBorder#000000
chat.slashCommandBackground#002D801A
chat.slashCommandForeground#002D80
commandCenter.activeBackground#E5E5E5
commandCenter.activeBorder#002D80
commandCenter.activeForeground#000000
commandCenter.background#F7F7F7
commandCenter.border#000000
commandCenter.foreground#000000
commandCenter.inactiveBorder#000000
commandCenter.inactiveForeground#444444
debugConsole.background#FFFFFF
debugConsole.errorForeground#8B0000
debugConsole.foreground#000000
debugConsole.infoForeground#00591E
debugConsole.sourceForeground#444444
debugConsole.warningForeground#7A2E00
debugConsoleInputIcon.foreground#002D80
debugIcon.breakpointCurrentStackframeForeground#5E3800
debugIcon.breakpointDisabledForeground#44444480
debugIcon.breakpointForeground#8B0000
debugIcon.breakpointStackframeForeground#00591E
debugIcon.breakpointUnverifiedForeground#7A2E00
debugIcon.continueForeground#00591E
debugIcon.disconnectForeground#8B0000
debugIcon.pauseForeground#5E3800
debugIcon.restartForeground#00591E
debugIcon.startForeground#00591E
debugIcon.stepBackForeground#002D80
debugIcon.stepIntoForeground#002D80
debugIcon.stepOutForeground#002D80
debugIcon.stepOverForeground#002D80
debugIcon.stopForeground#8B0000
debugTokenExpression.boolean#5E3800
debugTokenExpression.error#8B0000
debugTokenExpression.name#000000
debugTokenExpression.number#8B0000
debugTokenExpression.string#7A2E00
debugTokenExpression.value#7A2E00
debugToolBar.background#F7F7F7
debugToolBar.border#000000
debugView.stateLabelForeground#002D80
debugView.valueChangedHighlight#FEF7E2
descriptionForeground#444444
diffEditor.border#000000
diffEditor.insertedTextBackground#EBF8EECC
diffEditor.removedTextBackground#FFEBEBCC
disabledForeground#444444AA
dropdown.background#FFFFFF
dropdown.border#000000
dropdown.foreground#000000
editor.background#FFFFFF
editor.findMatchBackground#FEF7E2
editor.findMatchBorder#000000
editor.findMatchHighlightBackground#FEF7E2CC
editor.foreground#000000
editor.hoverHighlightBackground#F7F7F7
editor.inactiveSelectionBackground#A6CEF880
editor.lineHighlightBackground#F7F7F777
editor.lineHighlightBorder#000000
editor.selectionBackground#A6CEF8E6
editor.selectionHighlightBackground#A6CEF866
editor.selectionHighlightBorder#002D804D
editor.wordHighlightBackground#002D801A
editor.wordHighlightStrongBackground#002D802E
editorActionList.background#FFFFFF
editorActionList.focusBackground#E5E5E5
editorActionList.focusForeground#000000
editorActionList.foreground#000000
editorAI.background#002D8015
editorAI.border#002D804D
editorAI.foreground#002D80
editorBracketHighlight.foreground1#002D80
editorBracketHighlight.foreground2#00591E
editorBracketHighlight.foreground3#5E3800
editorBracketHighlight.foreground4#4B0082
editorBracketHighlight.foreground5#00591E
editorBracketHighlight.foreground6#7A2E00
editorBracketMatch.background#E5E5E5
editorBracketMatch.border#002D80
editorCursor.foreground#002D80
editorError.foreground#8B0000
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#444444CC
editorGroup.border#000000
editorGroupHeader.noTabsBackground#FFFFFF
editorGroupHeader.tabsBackground#F7F7F7
editorGroupHeader.tabsBorder#000000
editorHint.foreground#00591E
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#000000
editorHoverWidget.foreground#000000
editorHoverWidget.statusBarBackground#F7F7F7
editorIndentGuide.activeBackground#002D80
editorIndentGuide.activeBackground1#002D80
editorIndentGuide.activeBackground2#00591E
editorIndentGuide.activeBackground3#5E3800
editorIndentGuide.activeBackground4#4B0082
editorIndentGuide.activeBackground5#00591E
editorIndentGuide.activeBackground6#7A2E00
editorIndentGuide.background#000000
editorIndentGuide.background1#002D8025
editorIndentGuide.background2#00591E25
editorIndentGuide.background3#5E380025
editorIndentGuide.background4#4B008225
editorIndentGuide.background5#00591E25
editorIndentGuide.background6#7A2E0025
editorInfo.foreground#002D80
editorInlayHint.background#E5E5E599
editorInlayHint.foreground#444444
editorInlayHint.parameterForeground#5E3800
editorInlayHint.typeForeground#00591E
editorLineNumber.activeForeground#002D80
editorLineNumber.foreground#44444499
editorLink.activeForeground#002D80
editorStickyScroll.background#F7F7F7
editorStickyScroll.border#000000
editorStickyScroll.shadow#00000014
editorStickyScrollHover.background#E5E5E5
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#000000
editorSuggestWidget.focusHighlightForeground#002D80
editorSuggestWidget.foreground#000000
editorSuggestWidget.highlightForeground#002D80
editorSuggestWidget.selectedBackground#E5E5E5
editorSuggestWidget.selectedForeground#000000
editorSuggestWidget.selectedIconForeground#002D80
editorWarning.foreground#7A2E00
editorWidget.background#FFFFFF
editorWidget.border#000000
editorWidget.foreground#000000
editorWidget.resizeBorder#002D80
errorForeground#8B0000
focusBorder#002D80
foreground#000000
gitDecoration.addedResourceForeground#00591E
gitDecoration.conflictingResourceForeground#7A2E00
gitDecoration.deletedResourceForeground#8B0000
gitDecoration.ignoredResourceForeground#44444488
gitDecoration.modifiedResourceForeground#5E3800
gitDecoration.untrackedResourceForeground#00591E
icon.foreground#000000
inlineChat.background#FFFFFF
inlineChat.border#000000
inlineChat.regionHighlight#002D801A
inlineChat.shadow#00000022
inlineChatDiff.inserted#EBF8EECC
inlineChatDiff.removed#FFEBEBCC
inlineChatInput.background#F7F7F7
inlineChatInput.border#000000
inlineChatInput.focusBorder#002D80
inlineChatInput.placeholderForeground#444444
inlineEdit.border#000000
inlineEdit.indicator.background#002D80
inlineEdit.indicator.border#001F5C
inlineEdit.indicator.foreground#FFFFFF
inlineEdit.modifiedBackground#EBF8EE80
inlineEdit.originalBackground#FFEBEB80
input.background#FFFFFF
input.border#000000
input.foreground#000000
input.placeholderForeground#444444
inputOption.activeBorder#002D80
inputValidation.errorBackground#FFEBEB
inputValidation.errorBorder#8B0000
inputValidation.infoBackground#EBF8EE
inputValidation.infoBorder#00591E
inputValidation.warningBackground#FFF0E5
inputValidation.warningBorder#7A2E00
interactive.activeCodeBorder#002D80
interactive.inactiveCodeBorder#000000
interactive.requestBorder#000000
keybindingLabel.background#F7F7F7
keybindingLabel.border#000000
keybindingLabel.bottomBorder#000000
keybindingLabel.foreground#000000
list.activeSelectionBackground#E5E5E5
list.activeSelectionForeground#000000
list.activeSelectionIconForeground#002D80
list.errorForeground#8B0000
list.focusBackground#E5E5E5
list.focusForeground#000000
list.focusHighlightForeground#002D80
list.highlightForeground#002D80
list.hoverBackground#E5E5E566
list.hoverForeground#000000
list.inactiveFocusBackground#A6CEF855
list.inactiveSelectionBackground#A6CEF877
list.inactiveSelectionForeground#000000
list.inactiveSelectionIconForeground#002D80
list.warningForeground#7A2E00
menu.background#FFFFFF
menu.border#000000
menu.foreground#000000
menu.selectionBackground#E5E5E5
menu.selectionBorder#000000
menu.selectionForeground#000000
menu.separatorBackground#000000
menubar.selectionBackground#E5E5E5
menubar.selectionForeground#000000
multiDiffEditor.background#FFFFFF
multiDiffEditor.border#000000
multiDiffEditor.headerBackground#F7F7F7
notificationCenter.border#000000
notifications.background#FFFFFF
notifications.border#000000
notifications.foreground#000000
notificationToast.border#000000
outputView.background#FFFFFF
outputViewStickyScroll.background#F7F7F7
panel.background#FAFAFA
panel.border#000000
panelSection.border#000000
panelSection.dropBackground#E5E5E5
panelSectionHeader.background#F7F7F7
panelSectionHeader.border#000000
panelSectionHeader.foreground#000000
panelTitle.activeBorder#002D80
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#444444
peekView.border#002D80
peekViewEditor.background#F7F7F7
peekViewEditor.matchHighlightBackground#FEF7E2
peekViewResult.background#FAFAFA
peekViewResult.matchHighlightBackground#FEF7E2
peekViewResult.selectionBackground#E5E5E5
peekViewTitle.background#F7F7F7
problemsErrorIcon.foreground#8B0000
problemsInfoIcon.foreground#002D80
problemsWarningIcon.foreground#7A2E00
quickInput.background#FFFFFF
quickInput.foreground#000000
quickInputList.focusBackground#E5E5E5
searchEditor.findMatchBackground#FEF7E2
searchEditor.findMatchBorder#000000
selection.background#E5E5E5
settings.focusedRowBackground#E5E5E550
settings.headerForeground#002D80
settings.modifiedItemIndicator#002D80
settings.rowHoverBackground#E5E5E525
sideBar.background#FAFAFA
sideBar.border#000000
sideBar.foreground#000000
sideBarSectionHeader.background#F7F7F7
sideBarSectionHeader.border#000000
sideBarSectionHeader.foreground#000000
sideBarTitle.foreground#002D80
statusBar.background#000000
statusBar.border#000000
statusBar.debuggingBackground#FFF0E5
statusBar.debuggingForeground#7A2E00
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#000000
statusBar.noFolderForeground#FFFFFF
statusBarItem.hoverBackground#FFFFFF25
statusBarItem.remoteBackground#00000030
statusBarItem.remoteForeground#FFFFFF
symbolIcon.arrayForeground#000000
symbolIcon.booleanForeground#8B0000
symbolIcon.classForeground#00591E
symbolIcon.colorForeground#8B0000
symbolIcon.constantForeground#5E3800
symbolIcon.eventForeground#4B0082
symbolIcon.fieldForeground#000000
symbolIcon.fileForeground#000000
symbolIcon.folderForeground#002D80
symbolIcon.functionForeground#4B0082
symbolIcon.interfaceForeground#00591E
symbolIcon.keyForeground#002D80
symbolIcon.keywordForeground#002D80
symbolIcon.methodForeground#4B0082
symbolIcon.moduleForeground#002D80
symbolIcon.nullForeground#5E3800
symbolIcon.numberForeground#8B0000
symbolIcon.objectForeground#00591E
symbolIcon.operatorForeground#000000
symbolIcon.packageForeground#002D80
symbolIcon.propertyForeground#000000
symbolIcon.snippetForeground#002D80
symbolIcon.stringForeground#7A2E00
symbolIcon.structForeground#00591E
symbolIcon.textForeground#000000
symbolIcon.typeParameterForeground#00591E
symbolIcon.unitForeground#5E3800
symbolIcon.variableForeground#000000
tab.activeBackground#FFFFFF
tab.activeBorder#000000
tab.activeBorderTop#002D80
tab.activeForeground#000000
tab.border#000000
tab.hoverBackground#FFFFFF
tab.hoverForeground#000000
tab.inactiveBackground#F7F7F7
tab.inactiveForeground#444444
tab.unfocusedActiveBackground#FFFFFF
tab.unfocusedActiveForeground#000000
tab.unfocusedInactiveForeground#444444
terminal.ansiBlack#000000
terminal.ansiBlue#002D80
terminal.ansiBrightBlack#444444
terminal.ansiBrightBlue#001F5C
terminal.ansiBrightCyan#00591E
terminal.ansiBrightGreen#00591E
terminal.ansiBrightMagenta#4B0082
terminal.ansiBrightRed#8B0000
terminal.ansiBrightWhite#000000
terminal.ansiBrightYellow#5E3800
terminal.ansiCyan#00591E
terminal.ansiGreen#00591E
terminal.ansiMagenta#4B0082
terminal.ansiRed#8B0000
terminal.ansiWhite#F7F7F7
terminal.ansiYellow#5E3800
terminal.background#FFFFFF
terminal.border#000000
terminal.findMatchBackground#FEF7E2
terminal.findMatchBorder#000000
terminal.findMatchHighlightBackground#FEF7E2CC
terminal.foreground#000000
terminal.hoverHighlightBackground#F7F7F7
terminal.inactiveSelectionBackground#A6CEF855
terminal.selectionBackground#A6CEF8E6
terminal.tab.activeBorder#002D80
terminalCommandDecoration.defaultBackground#002D8080
terminalCommandDecoration.errorBackground#8B0000
terminalCommandDecoration.successBackground#00591E
terminalCursor.background#FFFFFF
terminalCursor.foreground#002D80
terminalOverviewRuler.cursorForeground#002D80
terminalOverviewRuler.findMatchForeground#5E3800
titleBar.activeBackground#FAFAFA
titleBar.activeForeground#000000
titleBar.border#000000
titleBar.inactiveBackground#F7F7F7
titleBar.inactiveForeground#444444
walkThrough.embeddedEditorBackground#F7F7F7
welcomePage.background#FFFFFF
welcomePage.buttonBackground#F7F7F7
welcomePage.buttonHoverBackground#E5E5E5
widget.shadow#00000018

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.line.double-slash, comment.line.triple-slash, comment.line.number-sign, comment.line.dashes, comment.line.character, comment.line.percentage, comment.block, comment.block.documentation, punctuation.definition.comment, string.comment, string.quoted.docstring, string.quoted.docstring.multi, string.quoted.docstring.multi.python, string.quoted.docstring.single.python, string.quoted.double.block.python, string.quoted.single.block.python, source.kotlin comment, source.kotlin comment.line, source.kotlin comment.block, source.kotlin comment.block.documentation, source.swift comment, source.go comment, source.rust comment, source.dart comment, source.java comment, source.ts comment, source.tsx comment, source.js comment, source.jsx comment, source.python comment, source.sql comment, source.shell comment, source.yaml comment	#444444	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, storage, storage.type, storage.modifier	#002D80	bold
entity.name.function, support.function, meta.function-call, variable.function	#4B0082	—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.class, support.type, entity.other.inherited-class	#00591E	bold
constant, constant.language, constant.numeric, support.constant	#5E3800	—
variable, variable.other, variable.other.readwrite, variable.other.property	#000000	—
keyword.operator, punctuation, punctuation.accessor, punctuation.separator	#000000	—
invalid, invalid.illegal, invalid.deprecated	#8B0000	bold underline
constant.other.color, constant.other.color.rgb-value, constant.other.uuid, support.constant.color, keyword.other.dotenv, source.env variable.other.key, source.dotenv variable.other.key	#8B0000	—
string.regexp, string.regexp constant.character.escape, constant.other.character-class.regexp	#8B0000	—
source.python string.quoted, source.js string.quoted, source.jsx string.quoted, source.ts string.quoted, source.tsx string.quoted, source.rust string.quoted, source.go string.quoted, source.kotlin string.quoted, source.swift string.quoted, source.dart string.quoted, source.sql string.quoted	#7A2E00	—
source.js string.template, source.ts string.template, source.tsx string.template, source.python string.interpolated	#7A2E00	—
source.python variable.parameter, source.js variable.parameter, source.jsx variable.parameter, source.ts variable.parameter, source.tsx variable.parameter, source.rust variable.parameter, source.go variable.parameter, source.kotlin variable.parameter, source.swift variable.parameter, source.dart variable.parameter	#5E3800	—
source.ts entity.name.type, source.tsx entity.name.type, source.rust entity.name.type, source.go entity.name.type, source.kotlin entity.name.type, source.swift entity.name.type, source.dart entity.name.type, source.python entity.name.type.class	#00591E	bold
source.python entity.name.function.decorator, source.python variable.language.special.self, source.python variable.language.special.cls	#001F5C	italic
source.python support.function.magic	#4B0082	bold
source.jsx entity.name.tag, source.tsx entity.name.tag, source.jsx support.class.component, source.tsx support.class.component	#00591E	bold
source.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name	#5E3800	—
source.sql keyword.other.DML, source.sql keyword.other.DDL, source.sql keyword.other.order, source.sql keyword.other.create	#002D80	bold
source.sql constant.other.database-name, source.sql constant.other.table-name	#00591E	—
source.rust storage.modifier.lifetime, source.rust entity.name.function.macro	#4B0082	bold
source.go entity.name.package, source.go keyword.channel	#002D80	bold
source.kotlin storage.type.annotation, source.swift storage.type.annotation, source.swift keyword.other.declaration-specifier	#4B0082	—
source.dart storage.type.annotation, source.dart support.class.flutter	#00591E	bold
source.json support.type.property-name	#00591E	bold
source.yaml entity.name.tag	#00591E	bold
source.toml entity.other.attribute-name.table, source.toml keyword.key	#00591E	bold
source.ini entity.name.section, source.ini keyword.other.definition	#00591E	bold
source.env variable.other.key, source.dotenv variable.other.key, source.env keyword.other	#8B0000	bold
text.html.markdown, text.plain, meta.paragraph.markdown	#000000	—
text.html.markdown markup.heading, text.html.markdown entity.name.section, text.html.markdown punctuation.definition.heading	#002D80	bold
text.html.markdown markup.inline.raw, text.html.markdown markup.fenced_code	#00591E	—
text.html.markdown markup.underline.link, text.html.markdown string.other.link	#002D80	underline
text.html.markdown markup.quote	#444444	italic
text.html entity.name.tag, text.xml entity.name.tag	#002D80	bold
text.html entity.other.attribute-name, text.xml entity.other.attribute-name	#4B0082	—
log.error, log.fatal, log.critical, log.exception	#8B0000	bold
log.warning, log.warn	#7A2E00	bold
log.info, log.notice	#00591E	bold
log.debug, log.trace	#5E3800	—
log.date, log.timestamp	#444444	—

VS Code preview

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

ZeroToSaaS Accessibility Theme Suite — ZeroToSaaS High Contrast Night (ISO 9241-303)

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#5B9BD6
activityBar.background#141414
activityBar.border#FFFFFF
activityBar.foreground#5B9BD6
activityBar.inactiveForeground#B0B0B0
activityBarBadge.background#5B9BD6
activityBarBadge.foreground#FFFFFF
badge.background#5B9BD6
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#5B9BD6
breadcrumb.background#000000
breadcrumb.focusForeground#FFFFFF
breadcrumb.foreground#B0B0B0
button.background#5B9BD6
button.foreground#FFFFFF
button.hoverBackground#7AB5E8
button.secondaryBackground#0A0A0A
button.secondaryForeground#FFFFFF
button.secondaryHoverBackground#1E1E1E
chat.avatarBackground#5B9BD6
chat.avatarForeground#FFFFFF
chat.linesAddedForeground#6BCB7A
chat.linesRemovedForeground#FF778A
chat.requestBackground#0A0A0A
chat.requestBorder#FFFFFF
chat.slashCommandBackground#5B9BD61A
chat.slashCommandForeground#5B9BD6
commandCenter.activeBackground#1E1E1E
commandCenter.activeBorder#5B9BD6
commandCenter.activeForeground#FFFFFF
commandCenter.background#0A0A0A
commandCenter.border#FFFFFF
commandCenter.foreground#FFFFFF
commandCenter.inactiveBorder#FFFFFF
commandCenter.inactiveForeground#B0B0B0
debugConsole.background#000000
debugConsole.errorForeground#FF778A
debugConsole.foreground#FFFFFF
debugConsole.infoForeground#6BCB7A
debugConsole.sourceForeground#B0B0B0
debugConsole.warningForeground#E89A5A
debugConsoleInputIcon.foreground#5B9BD6
debugIcon.breakpointCurrentStackframeForeground#E8B85A
debugIcon.breakpointDisabledForeground#B0B0B080
debugIcon.breakpointForeground#FF778A
debugIcon.breakpointStackframeForeground#6BCB7A
debugIcon.breakpointUnverifiedForeground#E89A5A
debugIcon.continueForeground#6BCB7A
debugIcon.disconnectForeground#FF778A
debugIcon.pauseForeground#E8B85A
debugIcon.restartForeground#6BCB7A
debugIcon.startForeground#6BCB7A
debugIcon.stepBackForeground#5B9BD6
debugIcon.stepIntoForeground#5B9BD6
debugIcon.stepOutForeground#5B9BD6
debugIcon.stepOverForeground#5B9BD6
debugIcon.stopForeground#FF778A
debugTokenExpression.boolean#E8B85A
debugTokenExpression.error#FF778A
debugTokenExpression.name#FFFFFF
debugTokenExpression.number#F2677B
debugTokenExpression.string#E89A5A
debugTokenExpression.value#E89A5A
debugToolBar.background#0A0A0A
debugToolBar.border#FFFFFF
debugView.stateLabelForeground#5B9BD6
debugView.valueChangedHighlight#2A2410
descriptionForeground#B0B0B0
diffEditor.border#FFFFFF
diffEditor.insertedTextBackground#0E2A14CC
diffEditor.removedTextBackground#2A0E12CC
disabledForeground#B0B0B0AA
dropdown.background#000000
dropdown.border#FFFFFF
dropdown.foreground#FFFFFF
editor.background#000000
editor.findMatchBackground#2A2410
editor.findMatchBorder#E8B85A
editor.findMatchHighlightBackground#2A2410CC
editor.foreground#FFFFFF
editor.hoverHighlightBackground#0A0A0A
editor.inactiveSelectionBackground#1A3A6A80
editor.lineHighlightBackground#0A0A0A77
editor.lineHighlightBorder#FFFFFF
editor.selectionBackground#1A3A6AE6
editor.selectionHighlightBackground#1A3A6A66
editor.selectionHighlightBorder#5B9BD64D
editor.wordHighlightBackground#5B9BD61A
editor.wordHighlightStrongBackground#5B9BD62E
editorActionList.background#000000
editorActionList.focusBackground#1E1E1E
editorActionList.focusForeground#FFFFFF
editorActionList.foreground#FFFFFF
editorAI.background#5B9BD615
editorAI.border#5B9BD64D
editorAI.foreground#5B9BD6
editorBracketHighlight.foreground1#5B9BD6
editorBracketHighlight.foreground2#6BCB7A
editorBracketHighlight.foreground3#E8B85A
editorBracketHighlight.foreground4#B89BE8
editorBracketHighlight.foreground5#6BCB7A
editorBracketHighlight.foreground6#E89A5A
editorBracketMatch.background#1E1E1E
editorBracketMatch.border#5B9BD6
editorCursor.foreground#5B9BD6
editorError.foreground#FF778A
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#B0B0B0CC
editorGroup.border#FFFFFF
editorGroupHeader.noTabsBackground#000000
editorGroupHeader.tabsBackground#0A0A0A
editorGroupHeader.tabsBorder#FFFFFF
editorHint.foreground#6BCB7A
editorHoverWidget.background#000000
editorHoverWidget.border#FFFFFF
editorHoverWidget.foreground#FFFFFF
editorHoverWidget.statusBarBackground#0A0A0A
editorIndentGuide.activeBackground#5B9BD6
editorIndentGuide.activeBackground1#5B9BD6
editorIndentGuide.activeBackground2#6BCB7A
editorIndentGuide.activeBackground3#E8B85A
editorIndentGuide.activeBackground4#B89BE8
editorIndentGuide.activeBackground5#6BCB7A
editorIndentGuide.activeBackground6#E89A5A
editorIndentGuide.background#FFFFFF
editorIndentGuide.background1#5B9BD625
editorIndentGuide.background2#6BCB7A25
editorIndentGuide.background3#E8B85A25
editorIndentGuide.background4#B89BE825
editorIndentGuide.background5#6BCB7A25
editorIndentGuide.background6#E89A5A25
editorInfo.foreground#5B9BD6
editorInlayHint.background#1E1E1E99
editorInlayHint.foreground#B0B0B0
editorInlayHint.parameterForeground#E8B85A
editorInlayHint.typeForeground#6BCB7A
editorLineNumber.activeForeground#5B9BD6
editorLineNumber.foreground#B0B0B099
editorLink.activeForeground#5B9BD6
editorStickyScroll.background#0A0A0A
editorStickyScroll.border#FFFFFF
editorStickyScroll.shadow#00000044
editorStickyScrollHover.background#1E1E1E
editorSuggestWidget.background#000000
editorSuggestWidget.border#FFFFFF
editorSuggestWidget.focusHighlightForeground#5B9BD6
editorSuggestWidget.foreground#FFFFFF
editorSuggestWidget.highlightForeground#5B9BD6
editorSuggestWidget.selectedBackground#1E1E1E
editorSuggestWidget.selectedForeground#FFFFFF
editorSuggestWidget.selectedIconForeground#5B9BD6
editorWarning.foreground#E89A5A
editorWidget.background#000000
editorWidget.border#FFFFFF
editorWidget.foreground#FFFFFF
editorWidget.resizeBorder#5B9BD6
errorForeground#FF778A
focusBorder#5B9BD6
foreground#FFFFFF
gitDecoration.addedResourceForeground#6BCB7A
gitDecoration.conflictingResourceForeground#E89A5A
gitDecoration.deletedResourceForeground#FF778A
gitDecoration.ignoredResourceForeground#B0B0B088
gitDecoration.modifiedResourceForeground#E8B85A
gitDecoration.untrackedResourceForeground#6BCB7A
icon.foreground#FFFFFF
inlineChat.background#000000
inlineChat.border#FFFFFF
inlineChat.regionHighlight#5B9BD61A
inlineChat.shadow#00000055
inlineChatDiff.inserted#0E2A14CC
inlineChatDiff.removed#2A0E12CC
inlineChatInput.background#0A0A0A
inlineChatInput.border#FFFFFF
inlineChatInput.focusBorder#5B9BD6
inlineChatInput.placeholderForeground#B0B0B0
inlineEdit.border#FFFFFF
inlineEdit.indicator.background#5B9BD6
inlineEdit.indicator.border#7AB5E8
inlineEdit.indicator.foreground#FFFFFF
inlineEdit.modifiedBackground#0E2A1480
inlineEdit.originalBackground#2A0E1280
input.background#000000
input.border#FFFFFF
input.foreground#FFFFFF
input.placeholderForeground#B0B0B0
inputOption.activeBorder#5B9BD6
inputValidation.errorBackground#2A0E12
inputValidation.errorBorder#FF778A
inputValidation.infoBackground#0E2A14
inputValidation.infoBorder#6BCB7A
inputValidation.warningBackground#2A1A0E
inputValidation.warningBorder#E89A5A
interactive.activeCodeBorder#5B9BD6
interactive.inactiveCodeBorder#FFFFFF
interactive.requestBorder#FFFFFF
keybindingLabel.background#0A0A0A
keybindingLabel.border#FFFFFF
keybindingLabel.bottomBorder#FFFFFF
keybindingLabel.foreground#FFFFFF
list.activeSelectionBackground#1E1E1E
list.activeSelectionForeground#FFFFFF
list.activeSelectionIconForeground#5B9BD6
list.errorForeground#FF778A
list.focusBackground#1E1E1E
list.focusForeground#FFFFFF
list.focusHighlightForeground#5B9BD6
list.highlightForeground#5B9BD6
list.hoverBackground#1E1E1E66
list.hoverForeground#FFFFFF
list.inactiveFocusBackground#1A3A6A55
list.inactiveSelectionBackground#1A3A6A77
list.inactiveSelectionForeground#FFFFFF
list.inactiveSelectionIconForeground#5B9BD6
list.warningForeground#E89A5A
menu.background#000000
menu.border#FFFFFF
menu.foreground#FFFFFF
menu.selectionBackground#1E1E1E
menu.selectionBorder#FFFFFF
menu.selectionForeground#FFFFFF
menu.separatorBackground#FFFFFF
menubar.selectionBackground#1E1E1E
menubar.selectionForeground#FFFFFF
multiDiffEditor.background#000000
multiDiffEditor.border#FFFFFF
multiDiffEditor.headerBackground#0A0A0A
notificationCenter.border#FFFFFF
notifications.background#000000
notifications.border#FFFFFF
notifications.foreground#FFFFFF
notificationToast.border#FFFFFF
outputView.background#000000
outputViewStickyScroll.background#0A0A0A
panel.background#0F0F0F
panel.border#FFFFFF
panelSection.border#FFFFFF
panelSection.dropBackground#1E1E1E
panelSectionHeader.background#0A0A0A
panelSectionHeader.border#FFFFFF
panelSectionHeader.foreground#FFFFFF
panelTitle.activeBorder#5B9BD6
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#B0B0B0
peekView.border#5B9BD6
peekViewEditor.background#0A0A0A
peekViewEditor.matchHighlightBackground#2A2410
peekViewResult.background#0F0F0F
peekViewResult.matchHighlightBackground#2A2410
peekViewResult.selectionBackground#1E1E1E
peekViewTitle.background#0A0A0A
problemsErrorIcon.foreground#FF778A
problemsInfoIcon.foreground#5B9BD6
problemsWarningIcon.foreground#E89A5A
quickInput.background#000000
quickInput.foreground#FFFFFF
quickInputList.focusBackground#1E1E1E
searchEditor.findMatchBackground#2A2410
searchEditor.findMatchBorder#E8B85A
selection.background#1E1E1E
settings.focusedRowBackground#1E1E1E50
settings.headerForeground#5B9BD6
settings.modifiedItemIndicator#5B9BD6
settings.rowHoverBackground#1E1E1E25
sideBar.background#0F0F0F
sideBar.border#FFFFFF
sideBar.foreground#FFFFFF
sideBarSectionHeader.background#0A0A0A
sideBarSectionHeader.border#FFFFFF
sideBarSectionHeader.foreground#FFFFFF
sideBarTitle.foreground#5B9BD6
statusBar.background#FFFFFF
statusBar.border#FFFFFF
statusBar.debuggingBackground#2A1A0E
statusBar.debuggingForeground#E89A5A
statusBar.foreground#000000
statusBar.noFolderBackground#FFFFFF
statusBar.noFolderForeground#000000
statusBarItem.hoverBackground#FFFFFF25
statusBarItem.remoteBackground#00000030
statusBarItem.remoteForeground#FFFFFF
symbolIcon.arrayForeground#FFFFFF
symbolIcon.booleanForeground#F2677B
symbolIcon.classForeground#6BCB7A
symbolIcon.colorForeground#F2677B
symbolIcon.constantForeground#E8B85A
symbolIcon.eventForeground#B89BE8
symbolIcon.fieldForeground#FFFFFF
symbolIcon.fileForeground#FFFFFF
symbolIcon.folderForeground#5B9BD6
symbolIcon.functionForeground#B89BE8
symbolIcon.interfaceForeground#6BCB7A
symbolIcon.keyForeground#5B9BD6
symbolIcon.keywordForeground#5B9BD6
symbolIcon.methodForeground#B89BE8
symbolIcon.moduleForeground#5B9BD6
symbolIcon.nullForeground#E8B85A
symbolIcon.numberForeground#F2677B
symbolIcon.objectForeground#6BCB7A
symbolIcon.operatorForeground#FFFFFF
symbolIcon.packageForeground#5B9BD6
symbolIcon.propertyForeground#FFFFFF
symbolIcon.snippetForeground#5B9BD6
symbolIcon.stringForeground#E89A5A
symbolIcon.structForeground#6BCB7A
symbolIcon.textForeground#FFFFFF
symbolIcon.typeParameterForeground#6BCB7A
symbolIcon.unitForeground#E8B85A
symbolIcon.variableForeground#FFFFFF
tab.activeBackground#000000
tab.activeBorder#FFFFFF
tab.activeBorderTop#5B9BD6
tab.activeForeground#FFFFFF
tab.border#FFFFFF
tab.hoverBackground#000000
tab.hoverForeground#FFFFFF
tab.inactiveBackground#0A0A0A
tab.inactiveForeground#B0B0B0
tab.unfocusedActiveBackground#000000
tab.unfocusedActiveForeground#FFFFFF
tab.unfocusedInactiveForeground#B0B0B0
terminal.ansiBlack#0A0A0A
terminal.ansiBlue#5B9BD6
terminal.ansiBrightBlack#0F0F0F
terminal.ansiBrightBlue#7AB5E8
terminal.ansiBrightCyan#6BCB7A
terminal.ansiBrightGreen#6BCB7A
terminal.ansiBrightMagenta#B89BE8
terminal.ansiBrightRed#FF778A
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#E8B85A
terminal.ansiCyan#6BCB7A
terminal.ansiGreen#6BCB7A
terminal.ansiMagenta#B89BE8
terminal.ansiRed#FF778A
terminal.ansiWhite#FFFFFF
terminal.ansiYellow#E8B85A
terminal.background#000000
terminal.border#FFFFFF
terminal.findMatchBackground#2A2410
terminal.findMatchBorder#E8B85A
terminal.findMatchHighlightBackground#2A2410CC
terminal.foreground#FFFFFF
terminal.hoverHighlightBackground#0A0A0A
terminal.inactiveSelectionBackground#1A3A6A55
terminal.selectionBackground#1A3A6AE6
terminal.tab.activeBorder#5B9BD6
terminalCommandDecoration.defaultBackground#5B9BD680
terminalCommandDecoration.errorBackground#FF778A
terminalCommandDecoration.successBackground#6BCB7A
terminalCursor.background#000000
terminalCursor.foreground#5B9BD6
terminalOverviewRuler.cursorForeground#5B9BD6
terminalOverviewRuler.findMatchForeground#E8B85A
titleBar.activeBackground#0F0F0F
titleBar.activeForeground#FFFFFF
titleBar.border#FFFFFF
titleBar.inactiveBackground#0A0A0A
titleBar.inactiveForeground#B0B0B0
walkThrough.embeddedEditorBackground#0A0A0A
welcomePage.background#000000
welcomePage.buttonBackground#0A0A0A
welcomePage.buttonHoverBackground#1E1E1E
widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.line.double-slash, comment.line.triple-slash, comment.line.number-sign, comment.line.dashes, comment.line.character, comment.line.percentage, comment.block, comment.block.documentation, punctuation.definition.comment, string.comment, string.quoted.docstring, string.quoted.docstring.multi, string.quoted.docstring.multi.python, string.quoted.docstring.single.python, string.quoted.double.block.python, string.quoted.single.block.python, source.kotlin comment, source.kotlin comment.line, source.kotlin comment.block, source.kotlin comment.block.documentation, source.swift comment, source.go comment, source.rust comment, source.dart comment, source.java comment, source.ts comment, source.tsx comment, source.js comment, source.jsx comment, source.python comment, source.sql comment, source.shell comment, source.yaml comment	#B0B0B0	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, storage, storage.type, storage.modifier	#5B9BD6	bold
entity.name.function, support.function, meta.function-call, variable.function	#B89BE8	—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.class, support.type, entity.other.inherited-class	#6BCB7A	bold
constant, constant.language, constant.numeric, support.constant	#E8B85A	—
variable, variable.other, variable.other.readwrite, variable.other.property	#FFFFFF	—
keyword.operator, punctuation, punctuation.accessor, punctuation.separator	#FFFFFF	—
invalid, invalid.illegal, invalid.deprecated	#FF778A	bold underline
constant.other.color, constant.other.color.rgb-value, constant.other.uuid, support.constant.color, keyword.other.dotenv, source.env variable.other.key, source.dotenv variable.other.key	#FF778A	—
string.regexp, string.regexp constant.character.escape, constant.other.character-class.regexp	#FF778A	—
source.python string.quoted, source.js string.quoted, source.jsx string.quoted, source.ts string.quoted, source.tsx string.quoted, source.rust string.quoted, source.go string.quoted, source.kotlin string.quoted, source.swift string.quoted, source.dart string.quoted, source.sql string.quoted	#E89A5A	—
source.js string.template, source.ts string.template, source.tsx string.template, source.python string.interpolated	#E89A5A	—
source.python variable.parameter, source.js variable.parameter, source.jsx variable.parameter, source.ts variable.parameter, source.tsx variable.parameter, source.rust variable.parameter, source.go variable.parameter, source.kotlin variable.parameter, source.swift variable.parameter, source.dart variable.parameter	#E8B85A	—
source.ts entity.name.type, source.tsx entity.name.type, source.rust entity.name.type, source.go entity.name.type, source.kotlin entity.name.type, source.swift entity.name.type, source.dart entity.name.type, source.python entity.name.type.class	#6BCB7A	bold
source.python entity.name.function.decorator, source.python variable.language.special.self, source.python variable.language.special.cls	#7AB5E8	italic
source.python support.function.magic	#B89BE8	bold
source.jsx entity.name.tag, source.tsx entity.name.tag, source.jsx support.class.component, source.tsx support.class.component	#6BCB7A	bold
source.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name	#E8B85A	—
source.sql keyword.other.DML, source.sql keyword.other.DDL, source.sql keyword.other.order, source.sql keyword.other.create	#5B9BD6	bold
source.sql constant.other.database-name, source.sql constant.other.table-name	#6BCB7A	—
source.rust storage.modifier.lifetime, source.rust entity.name.function.macro	#B89BE8	bold
source.go entity.name.package, source.go keyword.channel	#5B9BD6	bold
source.kotlin storage.type.annotation, source.swift storage.type.annotation, source.swift keyword.other.declaration-specifier	#B89BE8	—
source.dart storage.type.annotation, source.dart support.class.flutter	#6BCB7A	bold
source.json support.type.property-name	#6BCB7A	bold
source.yaml entity.name.tag	#6BCB7A	bold
source.toml entity.other.attribute-name.table, source.toml keyword.key	#6BCB7A	bold
source.ini entity.name.section, source.ini keyword.other.definition	#6BCB7A	bold
source.env variable.other.key, source.dotenv variable.other.key, source.env keyword.other	#FF778A	bold
text.html.markdown, text.plain, meta.paragraph.markdown	#FFFFFF	—
text.html.markdown markup.heading, text.html.markdown entity.name.section, text.html.markdown punctuation.definition.heading	#5B9BD6	bold
text.html.markdown markup.inline.raw, text.html.markdown markup.fenced_code	#6BCB7A	—
text.html.markdown markup.underline.link, text.html.markdown string.other.link	#5B9BD6	underline
text.html.markdown markup.quote	#B0B0B0	italic
text.html entity.name.tag, text.xml entity.name.tag	#5B9BD6	bold
text.html entity.other.attribute-name, text.xml entity.other.attribute-name	#B89BE8	—
log.error, log.fatal, log.critical, log.exception	#FF778A	bold
log.warning, log.warn	#E89A5A	bold
log.info, log.notice	#6BCB7A	bold
log.debug, log.trace	#E8B85A	—
log.date, log.timestamp	#B0B0B0	—