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 Deuteranopia (Blue / Orange)

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#0043A4
activityBar.background#E8F0F7
activityBar.border#C8D9EE
activityBar.foreground#0043A4
activityBar.inactiveForeground#3D5270
activityBarBadge.background#0043A4
activityBarBadge.foreground#FFFFFF
badge.background#0043A4
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#0043A4
breadcrumb.background#FAFCFE
breadcrumb.focusForeground#0A1B38
breadcrumb.foreground#3D5270
button.background#0043A4
button.foreground#FFFFFF
button.hoverBackground#003180
button.secondaryBackground#F2F6FC
button.secondaryForeground#0A1B38
button.secondaryHoverBackground#DCE7F4
chat.avatarBackground#0043A4
chat.avatarForeground#FFFFFF
chat.linesAddedForeground#0043A4
chat.linesRemovedForeground#8A2500
chat.requestBackground#F2F6FC
chat.requestBorder#C8D9EE
chat.slashCommandBackground#0043A41A
chat.slashCommandForeground#0043A4
commandCenter.activeBackground#DCE7F4
commandCenter.activeBorder#0043A4
commandCenter.activeForeground#0A1B38
commandCenter.background#F2F6FC
commandCenter.border#C8D9EE
commandCenter.foreground#0A1B38
commandCenter.inactiveBorder#C8D9EE
commandCenter.inactiveForeground#3D5270
debugConsole.background#FAFCFE
debugConsole.errorForeground#8A2500
debugConsole.foreground#0A1B38
debugConsole.infoForeground#0043A4
debugConsole.sourceForeground#3D5270
debugConsole.warningForeground#7D3800
debugConsoleInputIcon.foreground#0043A4
debugIcon.breakpointCurrentStackframeForeground#733500
debugIcon.breakpointDisabledForeground#3D527080
debugIcon.breakpointForeground#8A2500
debugIcon.breakpointStackframeForeground#0043A4
debugIcon.breakpointUnverifiedForeground#7D3800
debugIcon.continueForeground#0043A4
debugIcon.disconnectForeground#8A2500
debugIcon.pauseForeground#733500
debugIcon.restartForeground#0043A4
debugIcon.startForeground#0043A4
debugIcon.stepBackForeground#0043A4
debugIcon.stepIntoForeground#0043A4
debugIcon.stepOutForeground#0043A4
debugIcon.stepOverForeground#0043A4
debugIcon.stopForeground#8A2500
debugTokenExpression.boolean#733500
debugTokenExpression.error#8A2500
debugTokenExpression.name#0A1B38
debugTokenExpression.number#8A2500
debugTokenExpression.string#7D3800
debugTokenExpression.value#7D3800
debugToolBar.background#F2F6FC
debugToolBar.border#C8D9EE
debugView.stateLabelForeground#0043A4
debugView.valueChangedHighlight#FEF8F1
descriptionForeground#3D5270
diffEditor.border#C8D9EE
diffEditor.insertedTextBackground#F1F6FECC
diffEditor.removedTextBackground#FFF4EFCC
disabledForeground#3D5270AA
dropdown.background#FAFCFE
dropdown.border#9CBADF
dropdown.foreground#0A1B38
editor.background#FAFCFE
editor.findMatchBackground#FEF8F1
editor.findMatchBorder#FED5B2
editor.findMatchHighlightBackground#FEF8F1CC
editor.foreground#0A1B38
editor.hoverHighlightBackground#F2F6FC
editor.inactiveSelectionBackground#B4D2F880
editor.lineHighlightBackground#F2F6FC77
editor.lineHighlightBorder#00000000
editor.selectionBackground#B4D2F8B3
editor.selectionHighlightBackground#B4D2F866
editor.selectionHighlightBorder#0043A44D
editor.wordHighlightBackground#0043A41A
editor.wordHighlightStrongBackground#0043A42E
editorActionList.background#FAFCFE
editorActionList.focusBackground#DCE7F4
editorActionList.focusForeground#0A1B38
editorActionList.foreground#0A1B38
editorAI.background#0043A415
editorAI.border#0043A44D
editorAI.foreground#0043A4
editorBracketHighlight.foreground1#0043A4
editorBracketHighlight.foreground2#0043A4
editorBracketHighlight.foreground3#733500
editorBracketHighlight.foreground4#1E3A8A
editorBracketHighlight.foreground5#0043A4
editorBracketHighlight.foreground6#7D3800
editorBracketMatch.background#DCE7F4
editorBracketMatch.border#0043A4
editorCursor.foreground#0043A4
editorError.foreground#8A2500
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#3D5270CC
editorGroup.border#C8D9EE
editorGroupHeader.noTabsBackground#FAFCFE
editorGroupHeader.tabsBackground#F2F6FC
editorGroupHeader.tabsBorder#C8D9EE
editorHint.foreground#0043A4
editorHoverWidget.background#FAFCFE
editorHoverWidget.border#9CBADF
editorHoverWidget.foreground#0A1B38
editorHoverWidget.statusBarBackground#F2F6FC
editorIndentGuide.activeBackground#0043A4
editorIndentGuide.activeBackground1#0043A4
editorIndentGuide.activeBackground2#0043A4
editorIndentGuide.activeBackground3#733500
editorIndentGuide.activeBackground4#1E3A8A
editorIndentGuide.activeBackground5#0043A4
editorIndentGuide.activeBackground6#7D3800
editorIndentGuide.background#C8D9EE
editorIndentGuide.background1#0043A425
editorIndentGuide.background2#0043A425
editorIndentGuide.background3#73350025
editorIndentGuide.background4#1E3A8A25
editorIndentGuide.background5#0043A425
editorIndentGuide.background6#7D380025
editorInfo.foreground#0043A4
editorInlayHint.background#DCE7F499
editorInlayHint.foreground#3D5270
editorInlayHint.parameterForeground#733500
editorInlayHint.typeForeground#0043A4
editorLineNumber.activeForeground#0043A4
editorLineNumber.foreground#3D527099
editorLink.activeForeground#0043A4
editorStickyScroll.background#F2F6FC
editorStickyScroll.border#C8D9EE
editorStickyScroll.shadow#00000014
editorStickyScrollHover.background#DCE7F4
editorSuggestWidget.background#FAFCFE
editorSuggestWidget.border#9CBADF
editorSuggestWidget.focusHighlightForeground#0043A4
editorSuggestWidget.foreground#0A1B38
editorSuggestWidget.highlightForeground#0043A4
editorSuggestWidget.selectedBackground#DCE7F4
editorSuggestWidget.selectedForeground#0A1B38
editorSuggestWidget.selectedIconForeground#0043A4
editorWarning.foreground#7D3800
editorWidget.background#FAFCFE
editorWidget.border#9CBADF
editorWidget.foreground#0A1B38
editorWidget.resizeBorder#0043A4
errorForeground#8A2500
focusBorder#0043A4
foreground#0A1B38
gitDecoration.addedResourceForeground#0043A4
gitDecoration.conflictingResourceForeground#7D3800
gitDecoration.deletedResourceForeground#8A2500
gitDecoration.ignoredResourceForeground#3D527088
gitDecoration.modifiedResourceForeground#733500
gitDecoration.untrackedResourceForeground#0043A4
icon.foreground#0A1B38
inlineChat.background#FAFCFE
inlineChat.border#9CBADF
inlineChat.regionHighlight#0043A41A
inlineChat.shadow#00000022
inlineChatDiff.inserted#F1F6FECC
inlineChatDiff.removed#FFF4EFCC
inlineChatInput.background#F2F6FC
inlineChatInput.border#C8D9EE
inlineChatInput.focusBorder#0043A4
inlineChatInput.placeholderForeground#3D5270
inlineEdit.border#9CBADF
inlineEdit.indicator.background#0043A4
inlineEdit.indicator.border#003180
inlineEdit.indicator.foreground#FFFFFF
inlineEdit.modifiedBackground#F1F6FE80
inlineEdit.originalBackground#FFF4EF80
input.background#FAFCFE
input.border#9CBADF
input.foreground#0A1B38
input.placeholderForeground#3D5270
inputOption.activeBorder#0043A4
inputValidation.errorBackground#FFF4EF
inputValidation.errorBorder#8A2500
inputValidation.infoBackground#F1F6FE
inputValidation.infoBorder#0043A4
inputValidation.warningBackground#FFF8F1
inputValidation.warningBorder#7D3800
interactive.activeCodeBorder#0043A4
interactive.inactiveCodeBorder#C8D9EE
interactive.requestBorder#C8D9EE
keybindingLabel.background#F2F6FC
keybindingLabel.border#9CBADF
keybindingLabel.bottomBorder#9CBADF
keybindingLabel.foreground#0A1B38
list.activeSelectionBackground#DCE7F4
list.activeSelectionForeground#0A1B38
list.activeSelectionIconForeground#0043A4
list.errorForeground#8A2500
list.focusBackground#DCE7F4
list.focusForeground#0A1B38
list.focusHighlightForeground#0043A4
list.highlightForeground#0043A4
list.hoverBackground#DCE7F466
list.hoverForeground#0A1B38
list.inactiveFocusBackground#B4D2F855
list.inactiveSelectionBackground#B4D2F877
list.inactiveSelectionForeground#0A1B38
list.inactiveSelectionIconForeground#0043A4
list.warningForeground#7D3800
menu.background#FAFCFE
menu.border#9CBADF
menu.foreground#0A1B38
menu.selectionBackground#DCE7F4
menu.selectionBorder#0043A4
menu.selectionForeground#0A1B38
menu.separatorBackground#C8D9EE
menubar.selectionBackground#DCE7F4
menubar.selectionForeground#0A1B38
multiDiffEditor.background#FAFCFE
multiDiffEditor.border#C8D9EE
multiDiffEditor.headerBackground#F2F6FC
notificationCenter.border#9CBADF
notifications.background#FAFCFE
notifications.border#C8D9EE
notifications.foreground#0A1B38
notificationToast.border#9CBADF
outputView.background#FAFCFE
outputViewStickyScroll.background#F2F6FC
panel.background#EFF4FA
panel.border#C8D9EE
panelSection.border#C8D9EE
panelSection.dropBackground#DCE7F4
panelSectionHeader.background#F2F6FC
panelSectionHeader.border#C8D9EE
panelSectionHeader.foreground#0A1B38
panelTitle.activeBorder#0043A4
panelTitle.activeForeground#0A1B38
panelTitle.inactiveForeground#3D5270
peekView.border#0043A4
peekViewEditor.background#F2F6FC
peekViewEditor.matchHighlightBackground#FEF8F1
peekViewResult.background#EFF4FA
peekViewResult.matchHighlightBackground#FEF8F1
peekViewResult.selectionBackground#DCE7F4
peekViewTitle.background#F2F6FC
problemsErrorIcon.foreground#8A2500
problemsInfoIcon.foreground#0043A4
problemsWarningIcon.foreground#7D3800
quickInput.background#FAFCFE
quickInput.foreground#0A1B38
quickInputList.focusBackground#DCE7F4
searchEditor.findMatchBackground#FEF8F1
searchEditor.findMatchBorder#FED5B2
selection.background#DCE7F4
settings.focusedRowBackground#DCE7F450
settings.headerForeground#0043A4
settings.modifiedItemIndicator#0043A4
settings.rowHoverBackground#DCE7F425
sideBar.background#EFF4FA
sideBar.border#C8D9EE
sideBar.foreground#0A1B38
sideBarSectionHeader.background#F2F6FC
sideBarSectionHeader.border#C8D9EE
sideBarSectionHeader.foreground#0A1B38
sideBarTitle.foreground#0043A4
statusBar.background#0043A4
statusBar.border#0043A4
statusBar.debuggingBackground#FFF8F1
statusBar.debuggingForeground#7D3800
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#0043A4
statusBar.noFolderForeground#FFFFFF
statusBarItem.hoverBackground#FFFFFF25
statusBarItem.remoteBackground#00000030
statusBarItem.remoteForeground#FFFFFF
symbolIcon.arrayForeground#0A1B38
symbolIcon.booleanForeground#8A2500
symbolIcon.classForeground#0043A4
symbolIcon.colorForeground#8A2500
symbolIcon.constantForeground#733500
symbolIcon.eventForeground#1E3A8A
symbolIcon.fieldForeground#0A1B38
symbolIcon.fileForeground#0A1B38
symbolIcon.folderForeground#0043A4
symbolIcon.functionForeground#1E3A8A
symbolIcon.interfaceForeground#0043A4
symbolIcon.keyForeground#0043A4
symbolIcon.keywordForeground#0043A4
symbolIcon.methodForeground#1E3A8A
symbolIcon.moduleForeground#0043A4
symbolIcon.nullForeground#733500
symbolIcon.numberForeground#8A2500
symbolIcon.objectForeground#0043A4
symbolIcon.operatorForeground#0A1B38
symbolIcon.packageForeground#0043A4
symbolIcon.propertyForeground#0A1B38
symbolIcon.snippetForeground#0043A4
symbolIcon.stringForeground#7D3800
symbolIcon.structForeground#0043A4
symbolIcon.textForeground#0A1B38
symbolIcon.typeParameterForeground#0043A4
symbolIcon.unitForeground#733500
symbolIcon.variableForeground#0A1B38
tab.activeBackground#FAFCFE
tab.activeBorder#0043A4
tab.activeBorderTop#0043A4
tab.activeForeground#0A1B38
tab.border#C8D9EE
tab.hoverBackground#FAFCFE
tab.hoverForeground#0A1B38
tab.inactiveBackground#F2F6FC
tab.inactiveForeground#3D5270
tab.unfocusedActiveBackground#FAFCFE
tab.unfocusedActiveForeground#0A1B38
tab.unfocusedInactiveForeground#3D5270
terminal.ansiBlack#0A1B38
terminal.ansiBlue#0043A4
terminal.ansiBrightBlack#3D5270
terminal.ansiBrightBlue#003180
terminal.ansiBrightCyan#0043A4
terminal.ansiBrightGreen#0043A4
terminal.ansiBrightMagenta#1E3A8A
terminal.ansiBrightRed#8A2500
terminal.ansiBrightWhite#0A1B38
terminal.ansiBrightYellow#733500
terminal.ansiCyan#0043A4
terminal.ansiGreen#0043A4
terminal.ansiMagenta#1E3A8A
terminal.ansiRed#8A2500
terminal.ansiWhite#F2F6FC
terminal.ansiYellow#733500
terminal.background#FAFCFE
terminal.border#C8D9EE
terminal.findMatchBackground#FEF8F1
terminal.findMatchBorder#FED5B2
terminal.findMatchHighlightBackground#FEF8F1CC
terminal.foreground#0A1B38
terminal.hoverHighlightBackground#F2F6FC
terminal.inactiveSelectionBackground#B4D2F855
terminal.selectionBackground#B4D2F8B3
terminal.tab.activeBorder#0043A4
terminalCommandDecoration.defaultBackground#0043A480
terminalCommandDecoration.errorBackground#8A2500
terminalCommandDecoration.successBackground#0043A4
terminalCursor.background#FAFCFE
terminalCursor.foreground#0043A4
terminalOverviewRuler.cursorForeground#0043A4
terminalOverviewRuler.findMatchForeground#733500
titleBar.activeBackground#EFF4FA
titleBar.activeForeground#0A1B38
titleBar.border#C8D9EE
titleBar.inactiveBackground#F2F6FC
titleBar.inactiveForeground#3D5270
walkThrough.embeddedEditorBackground#F2F6FC
welcomePage.background#FAFCFE
welcomePage.buttonBackground#F2F6FC
welcomePage.buttonHoverBackground#DCE7F4
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	#3D5270	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, storage, storage.type, storage.modifier	#0043A4	bold
entity.name.function, support.function, meta.function-call, variable.function	#1E3A8A	—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.class, support.type, entity.other.inherited-class	#0043A4	bold
constant, constant.language, constant.numeric, support.constant	#733500	—
variable, variable.other, variable.other.readwrite, variable.other.property	#0A1B38	—
keyword.operator, punctuation, punctuation.accessor, punctuation.separator	#0A1B38	—
invalid, invalid.illegal, invalid.deprecated	#8A2500	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	#8A2500	—
string.regexp, string.regexp constant.character.escape, constant.other.character-class.regexp	#8A2500	—
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	#7D3800	—
source.js string.template, source.ts string.template, source.tsx string.template, source.python string.interpolated	#7D3800	—
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	#733500	—
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	#0043A4	bold
source.python entity.name.function.decorator, source.python variable.language.special.self, source.python variable.language.special.cls	#003180	italic
source.python support.function.magic	#1E3A8A	bold
source.jsx entity.name.tag, source.tsx entity.name.tag, source.jsx support.class.component, source.tsx support.class.component	#0043A4	bold
source.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name	#733500	—
source.sql keyword.other.DML, source.sql keyword.other.DDL, source.sql keyword.other.order, source.sql keyword.other.create	#0043A4	bold
source.sql constant.other.database-name, source.sql constant.other.table-name	#0043A4	—
source.rust storage.modifier.lifetime, source.rust entity.name.function.macro	#1E3A8A	bold
source.go entity.name.package, source.go keyword.channel	#0043A4	bold
source.kotlin storage.type.annotation, source.swift storage.type.annotation, source.swift keyword.other.declaration-specifier	#1E3A8A	—
source.dart storage.type.annotation, source.dart support.class.flutter	#0043A4	bold
source.json support.type.property-name	#0043A4	bold
source.yaml entity.name.tag	#0043A4	bold
source.toml entity.other.attribute-name.table, source.toml keyword.key	#0043A4	bold
source.ini entity.name.section, source.ini keyword.other.definition	#0043A4	bold
source.env variable.other.key, source.dotenv variable.other.key, source.env keyword.other	#8A2500	bold
text.html.markdown, text.plain, meta.paragraph.markdown	#0A1B38	—
text.html.markdown markup.heading, text.html.markdown entity.name.section, text.html.markdown punctuation.definition.heading	#0043A4	bold
text.html.markdown markup.inline.raw, text.html.markdown markup.fenced_code	#0043A4	—
text.html.markdown markup.underline.link, text.html.markdown string.other.link	#0043A4	underline
text.html.markdown markup.quote	#3D5270	italic
text.html entity.name.tag, text.xml entity.name.tag	#0043A4	bold
text.html entity.other.attribute-name, text.xml entity.other.attribute-name	#1E3A8A	—
log.error, log.fatal, log.critical, log.exception	#8A2500	bold
log.warning, log.warn	#7D3800	bold
log.info, log.notice	#0043A4	bold
log.debug, log.trace	#733500	—
log.date, log.timestamp	#3D5270	—

VS Code preview

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

ZeroToSaaS Accessibility Theme Suite — ZeroToSaaS Deuteranopia Night (Blue / Orange)

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#55A5F2
activityBar.background#1E2831
activityBar.border#2D3841
activityBar.foreground#55A5F2
activityBar.inactiveForeground#91A2BA
activityBarBadge.background#55A5F2
activityBarBadge.foreground#FFFFFF
badge.background#55A5F2
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#55A5F2
breadcrumb.background#0A141C
breadcrumb.focusForeground#E8EEF4
breadcrumb.foreground#91A2BA
button.background#55A5F2
button.foreground#FFFFFF
button.hoverBackground#6BB4F0
button.secondaryBackground#131C25
button.secondaryForeground#E8EEF4
button.secondaryHoverBackground#1E2D3A
chat.avatarBackground#55A5F2
chat.avatarForeground#FFFFFF
chat.linesAddedForeground#5AAAF7
chat.linesRemovedForeground#FB825B
chat.requestBackground#131C25
chat.requestBorder#2D3841
chat.slashCommandBackground#55A5F21A
chat.slashCommandForeground#55A5F2
commandCenter.activeBackground#1E2D3A
commandCenter.activeBorder#55A5F2
commandCenter.activeForeground#E8EEF4
commandCenter.background#131C25
commandCenter.border#2D3841
commandCenter.foreground#E8EEF4
commandCenter.inactiveBorder#2D3841
commandCenter.inactiveForeground#91A2BA
debugConsole.background#0A141C
debugConsole.errorForeground#FB825B
debugConsole.foreground#E8EEF4
debugConsole.infoForeground#5AAAF7
debugConsole.sourceForeground#91A2BA
debugConsole.warningForeground#EF9051
debugConsoleInputIcon.foreground#55A5F2
debugIcon.breakpointCurrentStackframeForeground#E8A05A
debugIcon.breakpointDisabledForeground#91A2BA80
debugIcon.breakpointForeground#FB825B
debugIcon.breakpointStackframeForeground#5AAAF7
debugIcon.breakpointUnverifiedForeground#EF9051
debugIcon.continueForeground#5AAAF7
debugIcon.disconnectForeground#FB825B
debugIcon.pauseForeground#E8A05A
debugIcon.restartForeground#5AAAF7
debugIcon.startForeground#5AAAF7
debugIcon.stepBackForeground#55A5F2
debugIcon.stepIntoForeground#55A5F2
debugIcon.stepOutForeground#55A5F2
debugIcon.stepOverForeground#55A5F2
debugIcon.stopForeground#FB825B
debugTokenExpression.boolean#E8A05A
debugTokenExpression.error#FB825B
debugTokenExpression.name#E8EEF4
debugTokenExpression.number#F67D56
debugTokenExpression.string#E88A4A
debugTokenExpression.value#E88A4A
debugToolBar.background#131C25
debugToolBar.border#2D3841
debugView.stateLabelForeground#55A5F2
debugView.valueChangedHighlight#2A1E10
descriptionForeground#91A2BA
diffEditor.border#2D3841
diffEditor.insertedTextBackground#0E1A2ACC
diffEditor.removedTextBackground#2A120ECC
disabledForeground#91A2BAAA
dropdown.background#0A141C
dropdown.border#414C56
dropdown.foreground#E8EEF4
editor.background#0A141C
editor.findMatchBackground#2A1E10
editor.findMatchBorder#E8A05A
editor.findMatchHighlightBackground#2A1E10CC
editor.foreground#E8EEF4
editor.hoverHighlightBackground#131C25
editor.inactiveSelectionBackground#1A3A6A80
editor.lineHighlightBackground#131C2577
editor.lineHighlightBorder#00000000
editor.selectionBackground#1A3A6AB3
editor.selectionHighlightBackground#1A3A6A66
editor.selectionHighlightBorder#55A5F24D
editor.wordHighlightBackground#55A5F21A
editor.wordHighlightStrongBackground#55A5F22E
editorActionList.background#0A141C
editorActionList.focusBackground#1E2D3A
editorActionList.focusForeground#E8EEF4
editorActionList.foreground#E8EEF4
editorAI.background#55A5F215
editorAI.border#55A5F24D
editorAI.foreground#55A5F2
editorBracketHighlight.foreground1#55A5F2
editorBracketHighlight.foreground2#5AAAF7
editorBracketHighlight.foreground3#E8A05A
editorBracketHighlight.foreground4#7E9FED
editorBracketHighlight.foreground5#55A5F2
editorBracketHighlight.foreground6#EF9051
editorBracketMatch.background#1E2D3A
editorBracketMatch.border#55A5F2
editorCursor.foreground#55A5F2
editorError.foreground#FB825B
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#91A2BACC
editorGroup.border#2D3841
editorGroupHeader.noTabsBackground#0A141C
editorGroupHeader.tabsBackground#131C25
editorGroupHeader.tabsBorder#2D3841
editorHint.foreground#5AAAF7
editorHoverWidget.background#0A141C
editorHoverWidget.border#414C56
editorHoverWidget.foreground#E8EEF4
editorHoverWidget.statusBarBackground#131C25
editorIndentGuide.activeBackground#55A5F2
editorIndentGuide.activeBackground1#55A5F2
editorIndentGuide.activeBackground2#5AAAF7
editorIndentGuide.activeBackground3#E8A05A
editorIndentGuide.activeBackground4#7E9FED
editorIndentGuide.activeBackground5#55A5F2
editorIndentGuide.activeBackground6#EF9051
editorIndentGuide.background#2D3841
editorIndentGuide.background1#55A5F225
editorIndentGuide.background2#5AAAF725
editorIndentGuide.background3#E8A05A25
editorIndentGuide.background4#7E9FED25
editorIndentGuide.background5#55A5F225
editorIndentGuide.background6#EF905125
editorInfo.foreground#55A5F2
editorInlayHint.background#1E2D3A99
editorInlayHint.foreground#91A2BA
editorInlayHint.parameterForeground#E8A05A
editorInlayHint.typeForeground#55A5F2
editorLineNumber.activeForeground#55A5F2
editorLineNumber.foreground#91A2BA99
editorLink.activeForeground#55A5F2
editorStickyScroll.background#131C25
editorStickyScroll.border#2D3841
editorStickyScroll.shadow#00000044
editorStickyScrollHover.background#1E2D3A
editorSuggestWidget.background#0A141C
editorSuggestWidget.border#414C56
editorSuggestWidget.focusHighlightForeground#55A5F2
editorSuggestWidget.foreground#E8EEF4
editorSuggestWidget.highlightForeground#55A5F2
editorSuggestWidget.selectedBackground#1E2D3A
editorSuggestWidget.selectedForeground#E8EEF4
editorSuggestWidget.selectedIconForeground#55A5F2
editorWarning.foreground#EF9051
editorWidget.background#0A141C
editorWidget.border#414C56
editorWidget.foreground#E8EEF4
editorWidget.resizeBorder#55A5F2
errorForeground#FB825B
focusBorder#55A5F2
foreground#E8EEF4
gitDecoration.addedResourceForeground#5AAAF7
gitDecoration.conflictingResourceForeground#EF9051
gitDecoration.deletedResourceForeground#FB825B
gitDecoration.ignoredResourceForeground#91A2BA88
gitDecoration.modifiedResourceForeground#E8A05A
gitDecoration.untrackedResourceForeground#5AAAF7
icon.foreground#E8EEF4
inlineChat.background#0A141C
inlineChat.border#414C56
inlineChat.regionHighlight#55A5F21A
inlineChat.shadow#00000055
inlineChatDiff.inserted#0E1A2ACC
inlineChatDiff.removed#2A120ECC
inlineChatInput.background#131C25
inlineChatInput.border#2D3841
inlineChatInput.focusBorder#55A5F2
inlineChatInput.placeholderForeground#91A2BA
inlineEdit.border#414C56
inlineEdit.indicator.background#55A5F2
inlineEdit.indicator.border#6BB4F0
inlineEdit.indicator.foreground#FFFFFF
inlineEdit.modifiedBackground#0E1A2A80
inlineEdit.originalBackground#2A120E80
input.background#0A141C
input.border#414C56
input.foreground#E8EEF4
input.placeholderForeground#91A2BA
inputOption.activeBorder#55A5F2
inputValidation.errorBackground#2A120E
inputValidation.errorBorder#FB825B
inputValidation.infoBackground#0E1A2A
inputValidation.infoBorder#5AAAF7
inputValidation.warningBackground#2A180E
inputValidation.warningBorder#EF9051
interactive.activeCodeBorder#55A5F2
interactive.inactiveCodeBorder#2D3841
interactive.requestBorder#2D3841
keybindingLabel.background#131C25
keybindingLabel.border#414C56
keybindingLabel.bottomBorder#414C56
keybindingLabel.foreground#E8EEF4
list.activeSelectionBackground#1E2D3A
list.activeSelectionForeground#E8EEF4
list.activeSelectionIconForeground#55A5F2
list.errorForeground#FB825B
list.focusBackground#1E2D3A
list.focusForeground#E8EEF4
list.focusHighlightForeground#55A5F2
list.highlightForeground#55A5F2
list.hoverBackground#1E2D3A66
list.hoverForeground#E8EEF4
list.inactiveFocusBackground#1A3A6A55
list.inactiveSelectionBackground#1A3A6A77
list.inactiveSelectionForeground#E8EEF4
list.inactiveSelectionIconForeground#55A5F2
list.warningForeground#EF9051
menu.background#0A141C
menu.border#414C56
menu.foreground#E8EEF4
menu.selectionBackground#1E2D3A
menu.selectionBorder#55A5F2
menu.selectionForeground#E8EEF4
menu.separatorBackground#2D3841
menubar.selectionBackground#1E2D3A
menubar.selectionForeground#E8EEF4
multiDiffEditor.background#0A141C
multiDiffEditor.border#2D3841
multiDiffEditor.headerBackground#131C25
notificationCenter.border#414C56
notifications.background#0A141C
notifications.border#2D3841
notifications.foreground#E8EEF4
notificationToast.border#414C56
outputView.background#0A141C
outputViewStickyScroll.background#131C25
panel.background#18222B
panel.border#2D3841
panelSection.border#2D3841
panelSection.dropBackground#1E2D3A
panelSectionHeader.background#131C25
panelSectionHeader.border#2D3841
panelSectionHeader.foreground#E8EEF4
panelTitle.activeBorder#55A5F2
panelTitle.activeForeground#E8EEF4
panelTitle.inactiveForeground#91A2BA
peekView.border#55A5F2
peekViewEditor.background#131C25
peekViewEditor.matchHighlightBackground#2A1E10
peekViewResult.background#18222B
peekViewResult.matchHighlightBackground#2A1E10
peekViewResult.selectionBackground#1E2D3A
peekViewTitle.background#131C25
problemsErrorIcon.foreground#FB825B
problemsInfoIcon.foreground#55A5F2
problemsWarningIcon.foreground#EF9051
quickInput.background#0A141C
quickInput.foreground#E8EEF4
quickInputList.focusBackground#1E2D3A
searchEditor.findMatchBackground#2A1E10
searchEditor.findMatchBorder#E8A05A
selection.background#1E2D3A
settings.focusedRowBackground#1E2D3A50
settings.headerForeground#55A5F2
settings.modifiedItemIndicator#55A5F2
settings.rowHoverBackground#1E2D3A25
sideBar.background#18222B
sideBar.border#2D3841
sideBar.foreground#E8EEF4
sideBarSectionHeader.background#131C25
sideBarSectionHeader.border#2D3841
sideBarSectionHeader.foreground#E8EEF4
sideBarTitle.foreground#55A5F2
statusBar.background#0043A4
statusBar.border#0043A4
statusBar.debuggingBackground#2A180E
statusBar.debuggingForeground#EF9051
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#0043A4
statusBar.noFolderForeground#FFFFFF
statusBarItem.hoverBackground#FFFFFF25
statusBarItem.remoteBackground#00000030
statusBarItem.remoteForeground#FFFFFF
symbolIcon.arrayForeground#E8EEF4
symbolIcon.booleanForeground#F67D56
symbolIcon.classForeground#55A5F2
symbolIcon.colorForeground#F67D56
symbolIcon.constantForeground#E8A05A
symbolIcon.eventForeground#7E9FED
symbolIcon.fieldForeground#E8EEF4
symbolIcon.fileForeground#E8EEF4
symbolIcon.folderForeground#55A5F2
symbolIcon.functionForeground#7E9FED
symbolIcon.interfaceForeground#55A5F2
symbolIcon.keyForeground#55A5F2
symbolIcon.keywordForeground#55A5F2
symbolIcon.methodForeground#7E9FED
symbolIcon.moduleForeground#55A5F2
symbolIcon.nullForeground#E8A05A
symbolIcon.numberForeground#F67D56
symbolIcon.objectForeground#55A5F2
symbolIcon.operatorForeground#E8EEF4
symbolIcon.packageForeground#55A5F2
symbolIcon.propertyForeground#E8EEF4
symbolIcon.snippetForeground#55A5F2
symbolIcon.stringForeground#E88A4A
symbolIcon.structForeground#55A5F2
symbolIcon.textForeground#E8EEF4
symbolIcon.typeParameterForeground#55A5F2
symbolIcon.unitForeground#E8A05A
symbolIcon.variableForeground#E8EEF4
tab.activeBackground#0A141C
tab.activeBorder#55A5F2
tab.activeBorderTop#55A5F2
tab.activeForeground#E8EEF4
tab.border#2D3841
tab.hoverBackground#0A141C
tab.hoverForeground#E8EEF4
tab.inactiveBackground#131C25
tab.inactiveForeground#91A2BA
tab.unfocusedActiveBackground#0A141C
tab.unfocusedActiveForeground#E8EEF4
tab.unfocusedInactiveForeground#91A2BA
terminal.ansiBlack#131C25
terminal.ansiBlue#55A5F2
terminal.ansiBrightBlack#18222B
terminal.ansiBrightBlue#6BB4F0
terminal.ansiBrightCyan#55A5F2
terminal.ansiBrightGreen#5AAAF7
terminal.ansiBrightMagenta#7E9FED
terminal.ansiBrightRed#FB825B
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#E8A05A
terminal.ansiCyan#55A5F2
terminal.ansiGreen#5AAAF7
terminal.ansiMagenta#7E9FED
terminal.ansiRed#FB825B
terminal.ansiWhite#E8EEF4
terminal.ansiYellow#E8A05A
terminal.background#0A141C
terminal.border#2D3841
terminal.findMatchBackground#2A1E10
terminal.findMatchBorder#E8A05A
terminal.findMatchHighlightBackground#2A1E10CC
terminal.foreground#E8EEF4
terminal.hoverHighlightBackground#131C25
terminal.inactiveSelectionBackground#1A3A6A55
terminal.selectionBackground#1A3A6AB3
terminal.tab.activeBorder#55A5F2
terminalCommandDecoration.defaultBackground#55A5F280
terminalCommandDecoration.errorBackground#FB825B
terminalCommandDecoration.successBackground#5AAAF7
terminalCursor.background#0A141C
terminalCursor.foreground#55A5F2
terminalOverviewRuler.cursorForeground#55A5F2
terminalOverviewRuler.findMatchForeground#E8A05A
titleBar.activeBackground#18222B
titleBar.activeForeground#E8EEF4
titleBar.border#2D3841
titleBar.inactiveBackground#131C25
titleBar.inactiveForeground#91A2BA
walkThrough.embeddedEditorBackground#131C25
welcomePage.background#0A141C
welcomePage.buttonBackground#131C25
welcomePage.buttonHoverBackground#1E2D3A
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	#91A2BA	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, storage, storage.type, storage.modifier	#55A5F2	bold
entity.name.function, support.function, meta.function-call, variable.function	#7E9FED	—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.class, support.type, entity.other.inherited-class	#55A5F2	bold
constant, constant.language, constant.numeric, support.constant	#E8A05A	—
variable, variable.other, variable.other.readwrite, variable.other.property	#E8EEF4	—
keyword.operator, punctuation, punctuation.accessor, punctuation.separator	#E8EEF4	—
invalid, invalid.illegal, invalid.deprecated	#FB825B	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	#FB825B	—
string.regexp, string.regexp constant.character.escape, constant.other.character-class.regexp	#FB825B	—
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	#EF9051	—
source.js string.template, source.ts string.template, source.tsx string.template, source.python string.interpolated	#EF9051	—
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	#E8A05A	—
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	#5AAAF7	bold
source.python entity.name.function.decorator, source.python variable.language.special.self, source.python variable.language.special.cls	#6BB4F0	italic
source.python support.function.magic	#7E9FED	bold
source.jsx entity.name.tag, source.tsx entity.name.tag, source.jsx support.class.component, source.tsx support.class.component	#5AAAF7	bold
source.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name	#E8A05A	—
source.sql keyword.other.DML, source.sql keyword.other.DDL, source.sql keyword.other.order, source.sql keyword.other.create	#55A5F2	bold
source.sql constant.other.database-name, source.sql constant.other.table-name	#55A5F2	—
source.rust storage.modifier.lifetime, source.rust entity.name.function.macro	#7E9FED	bold
source.go entity.name.package, source.go keyword.channel	#55A5F2	bold
source.kotlin storage.type.annotation, source.swift storage.type.annotation, source.swift keyword.other.declaration-specifier	#7E9FED	—
source.dart storage.type.annotation, source.dart support.class.flutter	#5AAAF7	bold
source.json support.type.property-name	#5AAAF7	bold
source.yaml entity.name.tag	#5AAAF7	bold
source.toml entity.other.attribute-name.table, source.toml keyword.key	#5AAAF7	bold
source.ini entity.name.section, source.ini keyword.other.definition	#5AAAF7	bold
source.env variable.other.key, source.dotenv variable.other.key, source.env keyword.other	#FB825B	bold
text.html.markdown, text.plain, meta.paragraph.markdown	#E8EEF4	—
text.html.markdown markup.heading, text.html.markdown entity.name.section, text.html.markdown punctuation.definition.heading	#55A5F2	bold
text.html.markdown markup.inline.raw, text.html.markdown markup.fenced_code	#5AAAF7	—
text.html.markdown markup.underline.link, text.html.markdown string.other.link	#55A5F2	underline
text.html.markdown markup.quote	#91A2BA	italic
text.html entity.name.tag, text.xml entity.name.tag	#55A5F2	bold
text.html entity.other.attribute-name, text.xml entity.other.attribute-name	#7E9FED	—
log.error, log.fatal, log.critical, log.exception	#FB825B	bold
log.warning, log.warn	#EF9051	bold
log.info, log.notice	#5AAAF7	bold
log.debug, log.trace	#E8A05A	—
log.date, log.timestamp	#91A2BA	—

VS Code preview

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

ZeroToSaaS Accessibility Theme Suite — ZeroToSaaS Forest Calm (Green)

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#096032
activityBar.background#DEECE2
activityBar.border#B6DCC1
activityBar.foreground#096032
activityBar.inactiveForeground#2B583C
activityBarBadge.background#096032
activityBarBadge.foreground#FFFFFF
badge.background#096032
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#096032
breadcrumb.background#F8FCF9
breadcrumb.focusForeground#0A2014
breadcrumb.foreground#2B583C
button.background#096032
button.foreground#FFFFFF
button.hoverBackground#054523
button.secondaryBackground#EDF6F0
button.secondaryForeground#0A2014
button.secondaryHoverBackground#CCE4D3
chat.avatarBackground#096032
chat.avatarForeground#FFFFFF
chat.linesAddedForeground#095E31
chat.linesRemovedForeground#960C1B
chat.requestBackground#EDF6F0
chat.requestBorder#B6DCC1
chat.slashCommandBackground#0960321A
chat.slashCommandForeground#096032
commandCenter.activeBackground#CCE4D3
commandCenter.activeBorder#096032
commandCenter.activeForeground#0A2014
commandCenter.background#EDF6F0
commandCenter.border#B6DCC1
commandCenter.foreground#0A2014
commandCenter.inactiveBorder#B6DCC1
commandCenter.inactiveForeground#2B583C
debugConsole.background#F8FCF9
debugConsole.errorForeground#960C1B
debugConsole.foreground#0A2014
debugConsole.infoForeground#095E31
debugConsole.sourceForeground#2B583C
debugConsole.warningForeground#6A4100
debugConsoleInputIcon.foreground#096032
debugIcon.breakpointCurrentStackframeForeground#4B4D00
debugIcon.breakpointDisabledForeground#2B583C80
debugIcon.breakpointForeground#960C1B
debugIcon.breakpointStackframeForeground#095E31
debugIcon.breakpointUnverifiedForeground#6A4100
debugIcon.continueForeground#095E31
debugIcon.disconnectForeground#960C1B
debugIcon.pauseForeground#4B4D00
debugIcon.restartForeground#095E31
debugIcon.startForeground#095E31
debugIcon.stepBackForeground#096032
debugIcon.stepIntoForeground#096032
debugIcon.stepOutForeground#096032
debugIcon.stepOverForeground#096032
debugIcon.stopForeground#960C1B
debugTokenExpression.boolean#145524
debugTokenExpression.error#960C1B
debugTokenExpression.name#0A2014
debugTokenExpression.number#8C1224
debugTokenExpression.string#1F5A14
debugTokenExpression.value#1F5A14
debugToolBar.background#EDF6F0
debugToolBar.border#B6DCC1
debugView.stateLabelForeground#096032
debugView.valueChangedHighlight#FEFAEB
descriptionForeground#2B583C
diffEditor.border#B6DCC1
diffEditor.insertedTextBackground#EAF8EECC
diffEditor.removedTextBackground#FEF1F2CC
disabledForeground#2B583CAA
dropdown.background#F8FCF9
dropdown.border#7FBA93
dropdown.foreground#0A2014
editor.background#F8FCF9
editor.findMatchBackground#FEFAEB
editor.findMatchBorder#FCE7A6
editor.findMatchHighlightBackground#FEFAEBCC
editor.foreground#0A2014
editor.hoverHighlightBackground#EDF6F0
editor.inactiveSelectionBackground#A8DFBF80
editor.lineHighlightBackground#EDF6F077
editor.lineHighlightBorder#00000000
editor.selectionBackground#A8DFBFB3
editor.selectionHighlightBackground#A8DFBF66
editor.selectionHighlightBorder#0960324D
editor.wordHighlightBackground#0960321A
editor.wordHighlightStrongBackground#0960322E
editorActionList.background#F8FCF9
editorActionList.focusBackground#CCE4D3
editorActionList.focusForeground#0A2014
editorActionList.foreground#0A2014
editorAI.background#09603215
editorAI.border#0960324D
editorAI.foreground#096032
editorBracketHighlight.foreground1#096032
editorBracketHighlight.foreground2#095E31
editorBracketHighlight.foreground3#4B4D00
editorBracketHighlight.foreground4#0A5C4A
editorBracketHighlight.foreground5#06522B
editorBracketHighlight.foreground6#6A4100
editorBracketMatch.background#CCE4D3
editorBracketMatch.border#096032
editorCursor.foreground#096032
editorError.foreground#960C1B
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#2B583CCC
editorGroup.border#B6DCC1
editorGroupHeader.noTabsBackground#F8FCF9
editorGroupHeader.tabsBackground#EDF6F0
editorGroupHeader.tabsBorder#B6DCC1
editorHint.foreground#095E31
editorHoverWidget.background#F8FCF9
editorHoverWidget.border#7FBA93
editorHoverWidget.foreground#0A2014
editorHoverWidget.statusBarBackground#EDF6F0
editorIndentGuide.activeBackground#096032
editorIndentGuide.activeBackground1#096032
editorIndentGuide.activeBackground2#095E31
editorIndentGuide.activeBackground3#4B4D00
editorIndentGuide.activeBackground4#0A5C4A
editorIndentGuide.activeBackground5#06522B
editorIndentGuide.activeBackground6#6A4100
editorIndentGuide.background#B6DCC1
editorIndentGuide.background1#09603225
editorIndentGuide.background2#095E3125
editorIndentGuide.background3#4B4D0025
editorIndentGuide.background4#0A5C4A25
editorIndentGuide.background5#06522B25
editorIndentGuide.background6#6A410025
editorInfo.foreground#096032
editorInlayHint.background#CCE4D399
editorInlayHint.foreground#2B583C
editorInlayHint.parameterForeground#2E5918
editorInlayHint.typeForeground#06522B
editorLineNumber.activeForeground#096032
editorLineNumber.foreground#2B583C99
editorLink.activeForeground#096032
editorStickyScroll.background#EDF6F0
editorStickyScroll.border#B6DCC1
editorStickyScroll.shadow#00000014
editorStickyScrollHover.background#CCE4D3
editorSuggestWidget.background#F8FCF9
editorSuggestWidget.border#7FBA93
editorSuggestWidget.focusHighlightForeground#096032
editorSuggestWidget.foreground#0A2014
editorSuggestWidget.highlightForeground#096032
editorSuggestWidget.selectedBackground#CCE4D3
editorSuggestWidget.selectedForeground#0A2014
editorSuggestWidget.selectedIconForeground#096032
editorWarning.foreground#6A4100
editorWidget.background#F8FCF9
editorWidget.border#7FBA93
editorWidget.foreground#0A2014
editorWidget.resizeBorder#096032
errorForeground#960C1B
focusBorder#096032
foreground#0A2014
gitDecoration.addedResourceForeground#095E31
gitDecoration.conflictingResourceForeground#6A4100
gitDecoration.deletedResourceForeground#960C1B
gitDecoration.ignoredResourceForeground#2B583C88
gitDecoration.modifiedResourceForeground#4B4D00
gitDecoration.untrackedResourceForeground#095E31
icon.foreground#0A2014
inlineChat.background#F8FCF9
inlineChat.border#7FBA93
inlineChat.regionHighlight#0960321A
inlineChat.shadow#00000022
inlineChatDiff.inserted#EAF8EECC
inlineChatDiff.removed#FEF1F2CC
inlineChatInput.background#EDF6F0
inlineChatInput.border#B6DCC1
inlineChatInput.focusBorder#096032
inlineChatInput.placeholderForeground#2B583C
inlineEdit.border#7FBA93
inlineEdit.indicator.background#096032
inlineEdit.indicator.border#054523
inlineEdit.indicator.foreground#FFFFFF
inlineEdit.modifiedBackground#EAF8EE80
inlineEdit.originalBackground#FEF1F280
input.background#F8FCF9
input.border#7FBA93
input.foreground#0A2014
input.placeholderForeground#2B583C
inputOption.activeBorder#096032
inputValidation.errorBackground#FEF1F2
inputValidation.errorBorder#960C1B
inputValidation.infoBackground#EAF8EE
inputValidation.infoBorder#095E31
inputValidation.warningBackground#FFF6EB
inputValidation.warningBorder#6A4100
interactive.activeCodeBorder#096032
interactive.inactiveCodeBorder#B6DCC1
interactive.requestBorder#B6DCC1
keybindingLabel.background#EDF6F0
keybindingLabel.border#7FBA93
keybindingLabel.bottomBorder#7FBA93
keybindingLabel.foreground#0A2014
list.activeSelectionBackground#CCE4D3
list.activeSelectionForeground#0A2014
list.activeSelectionIconForeground#096032
list.errorForeground#960C1B
list.focusBackground#CCE4D3
list.focusForeground#0A2014
list.focusHighlightForeground#096032
list.highlightForeground#096032
list.hoverBackground#CCE4D366
list.hoverForeground#0A2014
list.inactiveFocusBackground#A8DFBF55
list.inactiveSelectionBackground#A8DFBF77
list.inactiveSelectionForeground#0A2014
list.inactiveSelectionIconForeground#096032
list.warningForeground#6A4100
menu.background#F8FCF9
menu.border#7FBA93
menu.foreground#0A2014
menu.selectionBackground#CCE4D3
menu.selectionBorder#096032
menu.selectionForeground#0A2014
menu.separatorBackground#B6DCC1
menubar.selectionBackground#CCE4D3
menubar.selectionForeground#0A2014
multiDiffEditor.background#F8FCF9
multiDiffEditor.border#B6DCC1
multiDiffEditor.headerBackground#EDF6F0
notificationCenter.border#7FBA93
notifications.background#F8FCF9
notifications.border#B6DCC1
notifications.foreground#0A2014
notificationToast.border#7FBA93
outputView.background#F8FCF9
outputViewStickyScroll.background#EDF6F0
panel.background#E8F2EB
panel.border#B6DCC1
panelSection.border#B6DCC1
panelSection.dropBackground#CCE4D3
panelSectionHeader.background#EDF6F0
panelSectionHeader.border#B6DCC1
panelSectionHeader.foreground#0A2014
panelTitle.activeBorder#096032
panelTitle.activeForeground#0A2014
panelTitle.inactiveForeground#2B583C
peekView.border#096032
peekViewEditor.background#EDF6F0
peekViewEditor.matchHighlightBackground#FEFAEB
peekViewResult.background#E8F2EB
peekViewResult.matchHighlightBackground#FEFAEB
peekViewResult.selectionBackground#CCE4D3
peekViewTitle.background#EDF6F0
problemsErrorIcon.foreground#960C1B
problemsInfoIcon.foreground#096032
problemsWarningIcon.foreground#6A4100
quickInput.background#F8FCF9
quickInput.foreground#0A2014
quickInputList.focusBackground#CCE4D3
searchEditor.findMatchBackground#FEFAEB
searchEditor.findMatchBorder#FCE7A6
selection.background#CCE4D3
settings.focusedRowBackground#CCE4D350
settings.headerForeground#096032
settings.modifiedItemIndicator#096032
settings.rowHoverBackground#CCE4D325
sideBar.background#E8F2EB
sideBar.border#B6DCC1
sideBar.foreground#0A2014
sideBarSectionHeader.background#EDF6F0
sideBarSectionHeader.border#B6DCC1
sideBarSectionHeader.foreground#0A2014
sideBarTitle.foreground#096032
statusBar.background#084E29
statusBar.border#084E29
statusBar.debuggingBackground#FFF6EB
statusBar.debuggingForeground#6A4100
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#084E29
statusBar.noFolderForeground#FFFFFF
statusBarItem.hoverBackground#FFFFFF25
statusBarItem.remoteBackground#00000030
statusBarItem.remoteForeground#FFFFFF
symbolIcon.arrayForeground#0A2014
symbolIcon.booleanForeground#8C1224
symbolIcon.classForeground#06522B
symbolIcon.colorForeground#8C1224
symbolIcon.constantForeground#145524
symbolIcon.eventForeground#0A5C4A
symbolIcon.fieldForeground#0A2014
symbolIcon.fileForeground#0A2014
symbolIcon.folderForeground#096032
symbolIcon.functionForeground#0A5C4A
symbolIcon.interfaceForeground#06522B
symbolIcon.keyForeground#0A6233
symbolIcon.keywordForeground#0A6233
symbolIcon.methodForeground#0A5C4A
symbolIcon.moduleForeground#096032
symbolIcon.nullForeground#145524
symbolIcon.numberForeground#8C1224
symbolIcon.objectForeground#06522B
symbolIcon.operatorForeground#0A2014
symbolIcon.packageForeground#096032
symbolIcon.propertyForeground#0A2014
symbolIcon.snippetForeground#096032
symbolIcon.stringForeground#1F5A14
symbolIcon.structForeground#06522B
symbolIcon.textForeground#0A2014
symbolIcon.typeParameterForeground#06522B
symbolIcon.unitForeground#145524
symbolIcon.variableForeground#0A2014
tab.activeBackground#F8FCF9
tab.activeBorder#096032
tab.activeBorderTop#096032
tab.activeForeground#0A2014
tab.border#B6DCC1
tab.hoverBackground#F8FCF9
tab.hoverForeground#0A2014
tab.inactiveBackground#EDF6F0
tab.inactiveForeground#2B583C
tab.unfocusedActiveBackground#F8FCF9
tab.unfocusedActiveForeground#0A2014
tab.unfocusedInactiveForeground#2B583C
terminal.ansiBlack#0A2014
terminal.ansiBlue#096032
terminal.ansiBrightBlack#2B583C
terminal.ansiBrightBlue#054523
terminal.ansiBrightCyan#06522B
terminal.ansiBrightGreen#095E31
terminal.ansiBrightMagenta#0A5C4A
terminal.ansiBrightRed#960C1B
terminal.ansiBrightWhite#0A2014
terminal.ansiBrightYellow#4B4D00
terminal.ansiCyan#06522B
terminal.ansiGreen#095E31
terminal.ansiMagenta#0A5C4A
terminal.ansiRed#960C1B
terminal.ansiWhite#EDF6F0
terminal.ansiYellow#4B4D00
terminal.background#F8FCF9
terminal.border#B6DCC1
terminal.findMatchBackground#FEFAEB
terminal.findMatchBorder#FCE7A6
terminal.findMatchHighlightBackground#FEFAEBCC
terminal.foreground#0A2014
terminal.hoverHighlightBackground#EDF6F0
terminal.inactiveSelectionBackground#A8DFBF55
terminal.selectionBackground#A8DFBFB3
terminal.tab.activeBorder#096032
terminalCommandDecoration.defaultBackground#09603280
terminalCommandDecoration.errorBackground#960C1B
terminalCommandDecoration.successBackground#095E31
terminalCursor.background#F8FCF9
terminalCursor.foreground#096032
terminalOverviewRuler.cursorForeground#096032
terminalOverviewRuler.findMatchForeground#4B4D00
titleBar.activeBackground#E8F2EB
titleBar.activeForeground#0A2014
titleBar.border#B6DCC1
titleBar.inactiveBackground#EDF6F0
titleBar.inactiveForeground#2B583C
walkThrough.embeddedEditorBackground#EDF6F0
welcomePage.background#F8FCF9
welcomePage.buttonBackground#EDF6F0
welcomePage.buttonHoverBackground#CCE4D3
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	#32583E	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, storage, storage.type, storage.modifier	#0A6233	bold
entity.name.function, support.function, meta.function-call, variable.function	#0A5C4A	—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.class, support.type, entity.other.inherited-class	#06522B	bold
constant, constant.language, constant.numeric, support.constant	#145524	—
variable, variable.other, variable.other.readwrite, variable.other.property	#0A2014	—
keyword.operator, punctuation, punctuation.accessor, punctuation.separator	#0A2014	—
invalid, invalid.illegal, invalid.deprecated	#960C1B	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	#960C1B	—
string.regexp, string.regexp constant.character.escape, constant.other.character-class.regexp	#960C1B	—
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	#6A4100	—
source.js string.template, source.ts string.template, source.tsx string.template, source.python string.interpolated	#6A4100	—
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	#4B4D00	—
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	#095E31	bold
source.python entity.name.function.decorator, source.python variable.language.special.self, source.python variable.language.special.cls	#054523	italic
source.python support.function.magic	#0A5C4A	bold
source.jsx entity.name.tag, source.tsx entity.name.tag, source.jsx support.class.component, source.tsx support.class.component	#095E31	bold
source.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name	#4B4D00	—
source.sql keyword.other.DML, source.sql keyword.other.DDL, source.sql keyword.other.order, source.sql keyword.other.create	#0A6233	bold
source.sql constant.other.database-name, source.sql constant.other.table-name	#06522B	—
source.rust storage.modifier.lifetime, source.rust entity.name.function.macro	#0A5C4A	bold
source.go entity.name.package, source.go keyword.channel	#0A6233	bold
source.kotlin storage.type.annotation, source.swift storage.type.annotation, source.swift keyword.other.declaration-specifier	#0A5C4A	—
source.dart storage.type.annotation, source.dart support.class.flutter	#095E31	bold
source.json support.type.property-name	#095E31	bold
source.yaml entity.name.tag	#095E31	bold
source.toml entity.other.attribute-name.table, source.toml keyword.key	#095E31	bold
source.ini entity.name.section, source.ini keyword.other.definition	#095E31	bold
source.env variable.other.key, source.dotenv variable.other.key, source.env keyword.other	#960C1B	bold
text.html.markdown, text.plain, meta.paragraph.markdown	#0A2014	—
text.html.markdown markup.heading, text.html.markdown entity.name.section, text.html.markdown punctuation.definition.heading	#0A6233	bold
text.html.markdown markup.inline.raw, text.html.markdown markup.fenced_code	#095E31	—
text.html.markdown markup.underline.link, text.html.markdown string.other.link	#096032	underline
text.html.markdown markup.quote	#32583E	italic
text.html entity.name.tag, text.xml entity.name.tag	#0A6233	bold
text.html entity.other.attribute-name, text.xml entity.other.attribute-name	#0A5C4A	—
log.error, log.fatal, log.critical, log.exception	#960C1B	bold
log.warning, log.warn	#6A4100	bold
log.info, log.notice	#095E31	bold
log.debug, log.trace	#4B4D00	—
log.date, log.timestamp	#2B583C	—

VS Code preview

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

ZeroToSaaS Accessibility Theme Suite — ZeroToSaaS Forest Calm Night (Green)

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#6DB885
activityBar.background#151B17
activityBar.border#2C2F2C
activityBar.foreground#6DB885
activityBar.inactiveForeground#929F96
activityBarBadge.background#6DB885
activityBarBadge.foreground#FFFFFF
badge.background#6DB885
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#6DB885
breadcrumb.background#090F0B
breadcrumb.focusForeground#E0EBE4
breadcrumb.foreground#929F96
button.background#6DB885
button.foreground#FFFFFF
button.hoverBackground#8DC89E
button.secondaryBackground#0F1410
button.secondaryForeground#E0EBE4
button.secondaryHoverBackground#1D201E
chat.avatarBackground#6DB885
chat.avatarForeground#FFFFFF
chat.linesAddedForeground#77C18E
chat.linesRemovedForeground#FF7772
chat.requestBackground#0F1410
chat.requestBorder#2C2F2C
chat.slashCommandBackground#6DB8851A
chat.slashCommandForeground#6DB885
commandCenter.activeBackground#1D201E
commandCenter.activeBorder#6DB885
commandCenter.activeForeground#E0EBE4
commandCenter.background#0F1410
commandCenter.border#2C2F2C
commandCenter.foreground#E0EBE4
commandCenter.inactiveBorder#2C2F2C
commandCenter.inactiveForeground#929F96
debugConsole.background#090F0B
debugConsole.errorForeground#FF7772
debugConsole.foreground#E0EBE4
debugConsole.infoForeground#77C18E
debugConsole.sourceForeground#929F96
debugConsole.warningForeground#D3A46E
debugConsoleInputIcon.foreground#6DB885
debugIcon.breakpointCurrentStackframeForeground#B9BD7A
debugIcon.breakpointDisabledForeground#929F9680
debugIcon.breakpointForeground#FF7772
debugIcon.breakpointStackframeForeground#77C18E
debugIcon.breakpointUnverifiedForeground#D3A46E
debugIcon.continueForeground#77C18E
debugIcon.disconnectForeground#FF7772
debugIcon.pauseForeground#B9BD7A
debugIcon.restartForeground#77C18E
debugIcon.startForeground#77C18E
debugIcon.stepBackForeground#6DB885
debugIcon.stepIntoForeground#6DB885
debugIcon.stepOutForeground#6DB885
debugIcon.stepOverForeground#6DB885
debugIcon.stopForeground#FF7772
debugTokenExpression.boolean#77B680
debugTokenExpression.error#FF7772
debugTokenExpression.name#D1EDDB
debugTokenExpression.number#F6797A
debugTokenExpression.string#7AB770
debugTokenExpression.value#7AB770
debugToolBar.background#0F1410
debugToolBar.border#2C2F2C
debugView.stateLabelForeground#6DB885
debugView.valueChangedHighlight#1E1B10
descriptionForeground#929F96
diffEditor.border#2C2F2C
diffEditor.insertedTextBackground#0F1912CC
diffEditor.removedTextBackground#1C1314CC
disabledForeground#929F96AA
dropdown.background#090F0B
dropdown.border#404341
dropdown.foreground#E0EBE4
editor.background#090F0B
editor.findMatchBackground#1E1B10
editor.findMatchBorder#B9BD7A
editor.findMatchHighlightBackground#1E1B10CC
editor.foreground#E0EBE4
editor.hoverHighlightBackground#0F1410
editor.inactiveSelectionBackground#003C1080
editor.lineHighlightBackground#0F141077
editor.lineHighlightBorder#00000000
editor.selectionBackground#003C10B3
editor.selectionHighlightBackground#003C1066
editor.selectionHighlightBorder#6DB8854D
editor.wordHighlightBackground#6DB8851A
editor.wordHighlightStrongBackground#6DB8852E
editorActionList.background#090F0B
editorActionList.focusBackground#1D201E
editorActionList.focusForeground#E0EBE4
editorActionList.foreground#E0EBE4
editorAI.background#6DB88515
editorAI.border#6DB8854D
editorAI.foreground#6DB885
editorBracketHighlight.foreground1#6DB885
editorBracketHighlight.foreground2#77C18E
editorBracketHighlight.foreground3#B9BD7A
editorBracketHighlight.foreground4#6EB5A0
editorBracketHighlight.foreground5#74B689
editorBracketHighlight.foreground6#D3A46E
editorBracketMatch.background#1D201E
editorBracketMatch.border#6DB885
editorCursor.foreground#6DB885
editorError.foreground#FF7772
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#929F96CC
editorGroup.border#2C2F2C
editorGroupHeader.noTabsBackground#090F0B
editorGroupHeader.tabsBackground#0F1410
editorGroupHeader.tabsBorder#2C2F2C
editorHint.foreground#77C18E
editorHoverWidget.background#090F0B
editorHoverWidget.border#404341
editorHoverWidget.foreground#E0EBE4
editorHoverWidget.statusBarBackground#0F1410
editorIndentGuide.activeBackground#6DB885
editorIndentGuide.activeBackground1#6DB885
editorIndentGuide.activeBackground2#77C18E
editorIndentGuide.activeBackground3#B9BD7A
editorIndentGuide.activeBackground4#6EB5A0
editorIndentGuide.activeBackground5#74B689
editorIndentGuide.activeBackground6#D3A46E
editorIndentGuide.background#2C2F2C
editorIndentGuide.background1#6DB88525
editorIndentGuide.background2#77C18E25
editorIndentGuide.background3#B9BD7A25
editorIndentGuide.background4#6EB5A025
editorIndentGuide.background5#74B68925
editorIndentGuide.background6#D3A46E25
editorInfo.foreground#6DB885
editorInlayHint.background#1D201E99
editorInlayHint.foreground#929F96
editorInlayHint.parameterForeground#85B471
editorInlayHint.typeForeground#74B689
editorLineNumber.activeForeground#6DB885
editorLineNumber.foreground#929F9699
editorLink.activeForeground#6DB885
editorStickyScroll.background#0F1410
editorStickyScroll.border#2C2F2C
editorStickyScroll.shadow#00000044
editorStickyScrollHover.background#1D201E
editorSuggestWidget.background#090F0B
editorSuggestWidget.border#404341
editorSuggestWidget.focusHighlightForeground#6DB885
editorSuggestWidget.foreground#E0EBE4
editorSuggestWidget.highlightForeground#6DB885
editorSuggestWidget.selectedBackground#1D201E
editorSuggestWidget.selectedForeground#E0EBE4
editorSuggestWidget.selectedIconForeground#6DB885
editorWarning.foreground#D3A46E
editorWidget.background#090F0B
editorWidget.border#404341
editorWidget.foreground#E0EBE4
editorWidget.resizeBorder#6DB885
errorForeground#FF7772
focusBorder#6DB885
foreground#E0EBE4
gitDecoration.addedResourceForeground#77C18E
gitDecoration.conflictingResourceForeground#D3A46E
gitDecoration.deletedResourceForeground#FF7772
gitDecoration.ignoredResourceForeground#929F9688
gitDecoration.modifiedResourceForeground#B9BD7A
gitDecoration.untrackedResourceForeground#77C18E
icon.foreground#E0EBE4
inlineChat.background#090F0B
inlineChat.border#404341
inlineChat.regionHighlight#6DB8851A
inlineChat.shadow#00000055
inlineChatDiff.inserted#0F1912CC
inlineChatDiff.removed#1C1314CC
inlineChatInput.background#0F1410
inlineChatInput.border#2C2F2C
inlineChatInput.focusBorder#6DB885
inlineChatInput.placeholderForeground#929F96
inlineEdit.border#404341
inlineEdit.indicator.background#6DB885
inlineEdit.indicator.border#8DC89E
inlineEdit.indicator.foreground#FFFFFF
inlineEdit.modifiedBackground#0F191280
inlineEdit.originalBackground#1C131480
input.background#090F0B
input.border#404341
input.foreground#E0EBE4
input.placeholderForeground#929F96
inputOption.activeBorder#6DB885
inputValidation.errorBackground#1C1314
inputValidation.errorBorder#FF7772
inputValidation.infoBackground#0F1912
inputValidation.infoBorder#77C18E
inputValidation.warningBackground#1B150D
inputValidation.warningBorder#D3A46E
interactive.activeCodeBorder#6DB885
interactive.inactiveCodeBorder#2C2F2C
interactive.requestBorder#2C2F2C
keybindingLabel.background#0F1410
keybindingLabel.border#404341
keybindingLabel.bottomBorder#404341
keybindingLabel.foreground#E0EBE4
list.activeSelectionBackground#1D201E
list.activeSelectionForeground#E0EBE4
list.activeSelectionIconForeground#6DB885
list.errorForeground#FF7772
list.focusBackground#1D201E
list.focusForeground#E0EBE4
list.focusHighlightForeground#6DB885
list.highlightForeground#6DB885
list.hoverBackground#1D201E66
list.hoverForeground#E0EBE4
list.inactiveFocusBackground#003C1055
list.inactiveSelectionBackground#003C1077
list.inactiveSelectionForeground#E0EBE4
list.inactiveSelectionIconForeground#6DB885
list.warningForeground#D3A46E
menu.background#090F0B
menu.border#404341
menu.foreground#E0EBE4
menu.selectionBackground#1D201E
menu.selectionBorder#6DB885
menu.selectionForeground#E0EBE4
menu.separatorBackground#2C2F2C
menubar.selectionBackground#1D201E
menubar.selectionForeground#E0EBE4
multiDiffEditor.background#090F0B
multiDiffEditor.border#2C2F2C
multiDiffEditor.headerBackground#0F1410
notificationCenter.border#404341
notifications.background#090F0B
notifications.border#2C2F2C
notifications.foreground#E0EBE4
notificationToast.border#404341
outputView.background#090F0B
outputViewStickyScroll.background#0F1410
panel.background#121814
panel.border#2C2F2C
panelSection.border#2C2F2C
panelSection.dropBackground#1D201E
panelSectionHeader.background#0F1410
panelSectionHeader.border#2C2F2C
panelSectionHeader.foreground#E0EBE4
panelTitle.activeBorder#6DB885
panelTitle.activeForeground#E0EBE4
panelTitle.inactiveForeground#929F96
peekView.border#6DB885
peekViewEditor.background#0F1410
peekViewEditor.matchHighlightBackground#1E1B10
peekViewResult.background#121814
peekViewResult.matchHighlightBackground#1E1B10
peekViewResult.selectionBackground#1D201E
peekViewTitle.background#0F1410
problemsErrorIcon.foreground#FF7772
problemsInfoIcon.foreground#6DB885
problemsWarningIcon.foreground#D3A46E
quickInput.background#090F0B
quickInput.foreground#E0EBE4
quickInputList.focusBackground#1D201E
searchEditor.findMatchBackground#1E1B10
searchEditor.findMatchBorder#B9BD7A
selection.background#1D201E
settings.focusedRowBackground#1D201E50
settings.headerForeground#6DB885
settings.modifiedItemIndicator#6DB885
settings.rowHoverBackground#1D201E25
sideBar.background#121814
sideBar.border#2C2F2C
sideBar.foreground#E0EBE4
sideBarSectionHeader.background#0F1410
sideBarSectionHeader.border#2C2F2C
sideBarSectionHeader.foreground#E0EBE4
sideBarTitle.foreground#6DB885
statusBar.background#003511
statusBar.border#003511
statusBar.debuggingBackground#1B150D
statusBar.debuggingForeground#D3A46E
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#003511
statusBar.noFolderForeground#FFFFFF
statusBarItem.hoverBackground#FFFFFF25
statusBarItem.remoteBackground#00000030
statusBarItem.remoteForeground#FFFFFF
symbolIcon.arrayForeground#D1EDDB
symbolIcon.booleanForeground#F6797A
symbolIcon.classForeground#74B689
symbolIcon.colorForeground#F6797A
symbolIcon.constantForeground#77B680
symbolIcon.eventForeground#6EB5A0
symbolIcon.fieldForeground#D1EDDB
symbolIcon.fileForeground#E0EBE4
symbolIcon.folderForeground#6DB885
symbolIcon.functionForeground#6EB5A0
symbolIcon.interfaceForeground#74B689
symbolIcon.keyForeground#6CB884
symbolIcon.keywordForeground#6CB884
symbolIcon.methodForeground#6EB5A0
symbolIcon.moduleForeground#6DB885
symbolIcon.nullForeground#77B680
symbolIcon.numberForeground#F6797A
symbolIcon.objectForeground#74B689
symbolIcon.operatorForeground#D1EDDB
symbolIcon.packageForeground#6DB885
symbolIcon.propertyForeground#D1EDDB
symbolIcon.snippetForeground#6DB885
symbolIcon.stringForeground#7AB770
symbolIcon.structForeground#74B689
symbolIcon.textForeground#E0EBE4
symbolIcon.typeParameterForeground#74B689
symbolIcon.unitForeground#77B680
symbolIcon.variableForeground#D1EDDB
tab.activeBackground#090F0B
tab.activeBorder#6DB885
tab.activeBorderTop#6DB885
tab.activeForeground#E0EBE4
tab.border#2C2F2C
tab.hoverBackground#090F0B
tab.hoverForeground#E0EBE4
tab.inactiveBackground#0F1410
tab.inactiveForeground#929F96
tab.unfocusedActiveBackground#090F0B
tab.unfocusedActiveForeground#E0EBE4
tab.unfocusedInactiveForeground#929F96
terminal.ansiBlack#0F1410
terminal.ansiBlue#6DB885
terminal.ansiBrightBlack#121814
terminal.ansiBrightBlue#8DC89E
terminal.ansiBrightCyan#74B689
terminal.ansiBrightGreen#77C18E
terminal.ansiBrightMagenta#6EB5A0
terminal.ansiBrightRed#FF7772
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#B9BD7A
terminal.ansiCyan#74B689
terminal.ansiGreen#77C18E
terminal.ansiMagenta#6EB5A0
terminal.ansiRed#FF7772
terminal.ansiWhite#E0EBE4
terminal.ansiYellow#B9BD7A
terminal.background#090F0B
terminal.border#2C2F2C
terminal.findMatchBackground#1E1B10
terminal.findMatchBorder#B9BD7A
terminal.findMatchHighlightBackground#1E1B10CC
terminal.foreground#E0EBE4
terminal.hoverHighlightBackground#0F1410
terminal.inactiveSelectionBackground#003C1055
terminal.selectionBackground#003C10B3
terminal.tab.activeBorder#6DB885
terminalCommandDecoration.defaultBackground#6DB88580
terminalCommandDecoration.errorBackground#FF7772
terminalCommandDecoration.successBackground#77C18E
terminalCursor.background#090F0B
terminalCursor.foreground#6DB885
terminalOverviewRuler.cursorForeground#6DB885
terminalOverviewRuler.findMatchForeground#B9BD7A
titleBar.activeBackground#121814
titleBar.activeForeground#E0EBE4
titleBar.border#2C2F2C
titleBar.inactiveBackground#0F1410
titleBar.inactiveForeground#929F96
walkThrough.embeddedEditorBackground#0F1410
welcomePage.background#090F0B
welcomePage.buttonBackground#0F1410
welcomePage.buttonHoverBackground#1D201E
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	#87B093	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, storage, storage.type, storage.modifier	#6CB884	bold
entity.name.function, support.function, meta.function-call, variable.function	#6EB5A0	—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.class, support.type, entity.other.inherited-class	#74B689	bold
constant, constant.language, constant.numeric, support.constant	#77B680	—
variable, variable.other, variable.other.readwrite, variable.other.property	#D1EDDB	—
keyword.operator, punctuation, punctuation.accessor, punctuation.separator	#D1EDDB	—
invalid, invalid.illegal, invalid.deprecated	#FF7772	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	#FF7772	—
string.regexp, string.regexp constant.character.escape, constant.other.character-class.regexp	#FF7772	—
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	#D3A46E	—
source.js string.template, source.ts string.template, source.tsx string.template, source.python string.interpolated	#D3A46E	—
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	#B9BD7A	—
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	#77C18E	bold
source.python entity.name.function.decorator, source.python variable.language.special.self, source.python variable.language.special.cls	#8DC89E	italic
source.python support.function.magic	#6EB5A0	bold
source.jsx entity.name.tag, source.tsx entity.name.tag, source.jsx support.class.component, source.tsx support.class.component	#77C18E	bold
source.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name	#B9BD7A	—
source.sql keyword.other.DML, source.sql keyword.other.DDL, source.sql keyword.other.order, source.sql keyword.other.create	#6CB884	bold
source.sql constant.other.database-name, source.sql constant.other.table-name	#74B689	—
source.rust storage.modifier.lifetime, source.rust entity.name.function.macro	#6EB5A0	bold
source.go entity.name.package, source.go keyword.channel	#6CB884	bold
source.kotlin storage.type.annotation, source.swift storage.type.annotation, source.swift keyword.other.declaration-specifier	#6EB5A0	—
source.dart storage.type.annotation, source.dart support.class.flutter	#77C18E	bold
source.json support.type.property-name	#77C18E	bold
source.yaml entity.name.tag	#77C18E	bold
source.toml entity.other.attribute-name.table, source.toml keyword.key	#77C18E	bold
source.ini entity.name.section, source.ini keyword.other.definition	#77C18E	bold
source.env variable.other.key, source.dotenv variable.other.key, source.env keyword.other	#FF7772	bold
text.html.markdown, text.plain, meta.paragraph.markdown	#E0EBE4	—
text.html.markdown markup.heading, text.html.markdown entity.name.section, text.html.markdown punctuation.definition.heading	#6CB884	bold
text.html.markdown markup.inline.raw, text.html.markdown markup.fenced_code	#77C18E	—
text.html.markdown markup.underline.link, text.html.markdown string.other.link	#6DB885	underline
text.html.markdown markup.quote	#87B093	italic
text.html entity.name.tag, text.xml entity.name.tag	#6CB884	bold
text.html entity.other.attribute-name, text.xml entity.other.attribute-name	#6EB5A0	—
log.error, log.fatal, log.critical, log.exception	#FF7772	bold
log.warning, log.warn	#D3A46E	bold
log.info, log.notice	#77C18E	bold
log.debug, log.trace	#B9BD7A	—
log.date, log.timestamp	#929F96	—