Equinox

Name: Equinox
Author: Sheikh Ubaid Ullah

Publisher: Sheikh Ubaid UllahThemes in package: 2

Paired dark & light themes for VS Code and Cursor — smoked-glass night, warm parchment day. Clear syntax hierarchy and calm chrome for long sessions.

Open in VS Code GitHub

Color themes

VS Code preview

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

Equinox — Equinox Dark

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.activeBackground#E8A85E12
activityBar.activeBorder#E8A85E
activityBar.background#121925
activityBar.border#2C3848
activityBar.foreground#E4E9F0
activityBar.inactiveForeground#6B7786
activityBarBadge.background#E8A85E
activityBarBadge.foreground#0B1016
activityBarTop.activeBorder#E8A85E
activityBarTop.foreground#E4E9F0
activityBarTop.inactiveForeground#6B7786
badge.background#D998C8
badge.foreground#0B1016
breadcrumb.activeSelectionForeground#E8A85E
breadcrumb.focusForeground#E4E9F0
breadcrumb.foreground#9AA6B6
breadcrumbPicker.background#202A38
button.background#E8A85E
button.foreground#0B1016
button.hoverBackground#E87248
button.secondaryBackground#222C3A
button.secondaryForeground#E4E9F0
button.secondaryHoverBackground#1E2836
charts.blue#62B4DC
charts.foreground#C5CDD8
charts.green#52C9A4
charts.lines#6B7786
charts.orange#E87248
charts.purple#D998C8
charts.red#E86B78
charts.yellow#E8A85E
checkbox.background#283544
checkbox.border#455566
checkbox.foreground#E8A85E
checkbox.selectBackground#283544
checkbox.selectBorder#E8A85E
debugConsole.errorForeground#E86B78
debugConsole.infoForeground#62B4DC
debugConsole.sourceForeground#9AA6B6
debugConsole.warningForeground#E8A85E
debugExceptionWidget.background#202A38
debugExceptionWidget.border#E86B78
debugIcon.breakpointDisabledForeground#434C5A
debugIcon.breakpointForeground#E86B78
debugIcon.continueForeground#52C9A4
debugIcon.pauseForeground#E8A85E
debugIcon.restartForeground#62B4DC
debugIcon.startForeground#52C9A4
debugIcon.stepIntoForeground#62B4DC
debugIcon.stepOutForeground#62B4DC
debugIcon.stepOverForeground#62B4DC
debugIcon.stopForeground#E86B78
debugTokenExpression.boolean#D998C8
debugTokenExpression.error#E86B78
debugTokenExpression.name#62C4D4
debugTokenExpression.number#D998C8
debugTokenExpression.string#C5D07A
debugTokenExpression.value#C5CDD8
debugToolBar.background#202A38
debugToolBar.border#2C3848
descriptionForeground#9AA6B6
diffEditor.border#2C3848
diffEditor.diagonalFill#2C384888
diffEditor.insertedLineBackground#52C9A418
diffEditor.insertedTextBackground#52C9A428
diffEditor.removedLineBackground#E86B7818
diffEditor.removedTextBackground#E86B7828
diffEditorGutter.insertedLineBackground#52C9A433
diffEditorGutter.removedLineBackground#E86B7833
diffEditorOverview.insertedForeground#52C9A4AA
diffEditorOverview.removedForeground#E86B78AA
disabledForeground#434C5A
dropdown.background#202A38
dropdown.border#455566
dropdown.foreground#C5CDD8
dropdown.listBackground#202A38
editor.background#0B1016
editor.findMatchBackground#E8A85E90
editor.findMatchHighlightBackground#E8A85E55
editor.findRangeHighlightBackground#E8A85E22
editor.foldBackground#62B4DC18
editor.foldPlaceholderForeground#6B7786
editor.foreground#C5CDD8
editor.hoverHighlightBackground#62B4DC18
editor.inactiveSelectionBackground#3A6B9A33
editor.lineHighlightBackground#1A232E
editor.lineHighlightBorder#00000000
editor.linkedEditingBackground#62B4DC28
editor.rangeHighlightBackground#E8A85E18
editor.selectionBackground#3A6B9A88
editor.selectionHighlightBackground#3A6B9A33
editor.symbolHighlightBackground#A8B4F022
editor.wordHighlightBackground#72C8D828
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#72C8D830
editor.wordHighlightStrongBorder#00000000
editorBracketHighlight.foreground1#E8A85E
editorBracketHighlight.foreground2#62B4DC
editorBracketHighlight.foreground3#D998C8
editorBracketHighlight.foreground4#62C4D4
editorBracketHighlight.foreground5#A8B4F0
editorBracketHighlight.foreground6#C5D07A
editorBracketHighlight.unexpectedBracket.foreground#E86B78
editorBracketMatch.background#E8A85E22
editorBracketMatch.border#E8A85E
editorBracketPairGuide.activeBackground1#E8A85E70
editorBracketPairGuide.activeBackground2#62B4DC70
editorBracketPairGuide.activeBackground3#D998C870
editorBracketPairGuide.activeBackground4#62C4D470
editorBracketPairGuide.activeBackground5#A8B4F070
editorBracketPairGuide.activeBackground6#C5D07A70
editorBracketPairGuide.background1#E8A85E35
editorBracketPairGuide.background2#62B4DC35
editorBracketPairGuide.background3#D998C835
editorBracketPairGuide.background4#62C4D435
editorBracketPairGuide.background5#A8B4F035
editorBracketPairGuide.background6#C5D07A35
editorCursor.background#0B1016
editorCursor.foreground#E8A85E
editorError.background#E86B7800
editorError.foreground#E86B78
editorGhostText.border#00000000
editorGhostText.foreground#434C5A
editorGroup.border#2C3848
editorGroup.dropBackground#62B4DC33
editorGroupHeader.border#2C3848
editorGroupHeader.tabsBackground#121925
editorGroupHeader.tabsBorder#2C3848
editorGutter.addedBackground#52C9A4
editorGutter.background#0B1016
editorGutter.deletedBackground#E86B78
editorGutter.foldingControlForeground#6B7786
editorGutter.modifiedBackground#62B4DC
editorHint.foreground#A8B4F0
editorHoverWidget.background#202A38
editorHoverWidget.border#2C3848
editorHoverWidget.foreground#C5CDD8
editorHoverWidget.statusBarBackground#1A232E
editorIndentGuide.activeBackground1#6B7786
editorIndentGuide.background1#2C3848
editorInfo.foreground#62B4DC
editorInlayHint.background#222C3A99
editorInlayHint.foreground#6B7786
editorInlayHint.parameterForeground#9AA6B6
editorInlayHint.typeForeground#A8B4F0
editorLightBulb.foreground#E8A85E
editorLightBulbAutoFix.foreground#62B4DC
editorLineNumber.activeForeground#E4E9F0
editorLineNumber.foreground#6B7786
editorMultiCursor.primary.foreground#E8A85E
editorMultiCursor.secondary.foreground#62B4DC
editorOverviewRuler.addedForeground#52C9A499
editorOverviewRuler.border#00000000
editorOverviewRuler.bracketMatchForeground#E8A85E
editorOverviewRuler.deletedForeground#E86B7899
editorOverviewRuler.errorForeground#E86B78CC
editorOverviewRuler.findMatchForeground#E8A85EAA
editorOverviewRuler.infoForeground#62B4DCCC
editorOverviewRuler.modifiedForeground#62B4DC99
editorOverviewRuler.warningForeground#E8A85ECC
editorRuler.foreground#2C384890
editorStickyScroll.background#121925
editorStickyScroll.shadow#00000066
editorStickyScrollHover.background#1E2836
editorSuggestWidget.background#202A38
editorSuggestWidget.border#2C3848
editorSuggestWidget.focusHighlightForeground#E8A85E
editorSuggestWidget.foreground#C5CDD8
editorSuggestWidget.highlightForeground#E8A85E
editorSuggestWidget.selectedBackground#3A6B9A88
editorSuggestWidget.selectedForeground#E4E9F0
editorSuggestWidgetStatus.foreground#9AA6B6
editorUnnecessaryCode.opacity#00000088
editorWarning.background#E8A85E00
editorWarning.foreground#E8A85E
editorWhitespace.foreground#2C384888
editorWidget.background#202A38
editorWidget.border#2C3848
editorWidget.foreground#C5CDD8
editorWidget.resizeBorder#E8A85E
errorForeground#E86B78
extensionButton.background#62B4DC
extensionButton.foreground#0B1016
extensionButton.hoverBackground#A8B4F0
extensionButton.prominentBackground#E8A85E
extensionButton.prominentForeground#0B1016
extensionButton.prominentHoverBackground#E87248
focusBorder#E8A85E80
foreground#C5CDD8
gitDecoration.addedResourceForeground#52C9A4
gitDecoration.conflictingResourceForeground#E87248
gitDecoration.deletedResourceForeground#E86B78
gitDecoration.ignoredResourceForeground#434C5A
gitDecoration.modifiedResourceForeground#62B4DC
gitDecoration.renamedResourceForeground#62B4DC
gitDecoration.stageDeletedResourceForeground#E86B78
gitDecoration.stageModifiedResourceForeground#62B4DC
gitDecoration.submoduleResourceForeground#9AA6B6
gitDecoration.untrackedResourceForeground#A8B4F0
icon.foreground#9AA6B6
input.background#283544
input.border#455566
input.foreground#E4E9F0
input.placeholderForeground#6B7786
inputOption.activeBackground#E8A85E33
inputOption.activeBorder#E8A85E
inputOption.activeForeground#E4E9F0
inputOption.hoverBackground#1E2836
inputValidation.errorBackground#E86B7833
inputValidation.errorBorder#E86B78
inputValidation.errorForeground#E4E9F0
inputValidation.infoBackground#62B4DC33
inputValidation.infoBorder#62B4DC
inputValidation.warningBackground#E8A85E33
inputValidation.warningBorder#E8A85E
keybindingLabel.background#222C3A
keybindingLabel.border#2C3848
keybindingLabel.bottomBorder#2C3848
keybindingLabel.foreground#C5CDD8
list.activeSelectionBackground#3A6B9A88
list.activeSelectionForeground#E4E9F0
list.activeSelectionIconForeground#E4E9F0
list.deemphasizedForeground#434C5A
list.errorForeground#E86B78
list.filterMatchBackground#E8A85E55
list.filterMatchBorder#E8A85E
list.focusBackground#3A6B9A88
list.focusForeground#E4E9F0
list.focusOutline#E8A85E60
list.highlightForeground#E8A85E
list.hoverBackground#1E2836
list.hoverForeground#E4E9F0
list.inactiveSelectionBackground#3A6B9A33
list.inactiveSelectionForeground#C5CDD8
list.warningForeground#E8A85E
menu.background#202A38
menu.border#2C3848
menu.foreground#C5CDD8
menu.selectionBackground#3A6B9A88
menu.selectionForeground#E4E9F0
menu.separatorBackground#2C3848
merge.border#2C3848
merge.commonContentBackground#6B778622
merge.commonHeaderBackground#6B778644
merge.currentContentBackground#52C9A422
merge.currentHeaderBackground#52C9A444
merge.incomingContentBackground#62B4DC22
merge.incomingHeaderBackground#62B4DC44
minimap.background#00000000
minimap.errorHighlight#E86B78CC
minimap.findMatchHighlight#E8A85ECC
minimap.foregroundOpacity#000000C0
minimap.selectionHighlight#3A6B9AAA
minimap.selectionOccurrenceHighlight#3A6B9A88
minimap.warningHighlight#E8A85ECC
minimapGutter.addedBackground#52C9A4
minimapGutter.deletedBackground#E86B78
minimapGutter.modifiedBackground#62B4DC
minimapSlider.activeBackground#9AA6B6AA
minimapSlider.background#2C384866
minimapSlider.hoverBackground#6B778666
notificationCenterHeader.background#1A232E
notificationCenterHeader.foreground#E4E9F0
notifications.background#202A38
notifications.border#2C3848
notifications.foreground#C5CDD8
notificationsErrorIcon.foreground#E86B78
notificationsInfoIcon.foreground#62B4DC
notificationsWarningIcon.foreground#E8A85E
panel.background#121925
panel.border#2C3848
panelInput.border#455566
panelSection.border#2C3848
panelSectionHeader.background#1A232E
panelSectionHeader.foreground#9AA6B6
panelTitle.activeBorder#E8A85E
panelTitle.activeForeground#E4E9F0
panelTitle.inactiveForeground#6B7786
peekView.border#E8A85E
peekViewEditor.background#0B1016
peekViewEditor.matchHighlightBackground#E8A85E55
peekViewEditorGutter.background#0B1016
peekViewResult.background#121925
peekViewResult.fileForeground#C5CDD8
peekViewResult.lineForeground#9AA6B6
peekViewResult.matchHighlightBackground#E8A85E55
peekViewResult.selectionBackground#3A6B9A88
peekViewResult.selectionForeground#E4E9F0
peekViewTitle.background#1A232E
peekViewTitleDescription.foreground#9AA6B6
peekViewTitleLabel.foreground#E4E9F0
ports.iconRunningProcessForeground#52C9A4
progressBar.background#E8A85E
quickInput.background#202A38
quickInput.foreground#C5CDD8
quickInputList.focusBackground#3A6B9A88
quickInputList.focusForeground#E4E9F0
quickInputList.focusIconForeground#E4E9F0
quickInputTitle.background#1A232E
sash.hoverBorder#E8A85E
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#9AA6B6CC
scrollbarSlider.background#2C384899
scrollbarSlider.hoverBackground#6B7786AA
selection.background#3A6B9A88
settings.focusedRowBackground#3A6B9A33
settings.headerForeground#E4E9F0
settings.modifiedItemIndicator#E8A85E
settings.rowHoverBackground#1E2836
sideBar.background#121925
sideBar.border#2C3848
sideBar.foreground#9AA6B6
sideBarSectionHeader.background#121925
sideBarSectionHeader.border#2C3848
sideBarSectionHeader.foreground#9AA6B6
sideBarStickyScroll.background#121925
sideBarStickyScroll.shadow#00000055
sideBarTitle.foreground#E4E9F0
statusBar.background#1A232E
statusBar.border#2C3848
statusBar.debuggingBackground#E87248
statusBar.debuggingForeground#0B1016
statusBar.focusBorder#E8A85E80
statusBar.foreground#9AA6B6
statusBar.noFolderBackground#1A232E
statusBarItem.errorBackground#E86B78
statusBarItem.errorForeground#0B1016
statusBarItem.hoverBackground#1E2836
statusBarItem.prominentBackground#E8A85E33
statusBarItem.prominentForeground#E4E9F0
statusBarItem.prominentHoverBackground#E8A85E55
statusBarItem.remoteBackground#62B4DC
statusBarItem.remoteForeground#0B1016
statusBarItem.warningBackground#E8A85E
statusBarItem.warningForeground#0B1016
tab.activeBackground#1A232E
tab.activeBorder#2C3848
tab.activeBorderTop#E8A85E
tab.activeForeground#E4E9F0
tab.activeModifiedBorder#62B4DC
tab.border#2C3848
tab.hoverBackground#1E2836
tab.hoverForeground#E4E9F0
tab.inactiveBackground#121925
tab.inactiveForeground#6B7786
tab.inactiveModifiedBorder#62B4DC88
tab.unfocusedActiveBackground#1A232E
tab.unfocusedActiveBorderTop#E8A85E88
tab.unfocusedActiveForeground#9AA6B6
tab.unfocusedInactiveBackground#121925
tab.unfocusedInactiveForeground#434C5A
terminal.ansiBlack#1A232E
terminal.ansiBlue#62B4DC
terminal.ansiBrightBlack#434C5A
terminal.ansiBrightBlue#A8B4F0
terminal.ansiBrightCyan#7CD4E0
terminal.ansiBrightGreen#72D488
terminal.ansiBrightMagenta#E8B0D8
terminal.ansiBrightRed#F08A96
terminal.ansiBrightWhite#E4E9F0
terminal.ansiBrightYellow#F0C080
terminal.ansiCyan#62C4D4
terminal.ansiGreen#5BC470
terminal.ansiMagenta#D998C8
terminal.ansiRed#E86B78
terminal.ansiWhite#9AA6B6
terminal.ansiYellow#E8A85E
terminal.background#0B1016
terminal.border#2C3848
terminal.foreground#C5CDD8
terminal.selectionBackground#3A6B9A88
terminalCommandDecoration.defaultBackground#6B7786
terminalCommandDecoration.errorBackground#E86B78
terminalCommandDecoration.successBackground#52C9A4
terminalCursor.background#0B1016
terminalCursor.foreground#E8A85E
testing.iconErrored#E86B78
testing.iconFailed#E86B78
testing.iconPassed#52C9A4
testing.iconQueued#62B4DC
testing.iconSkipped#6B7786
testing.runAction#52C9A4
textBlockQuote.background#1A232E
textBlockQuote.border#E8A85E
textCodeBlock.background#1A232E
textLink.activeForeground#A8B4F0
textLink.foreground#62B4DC
textPreformat.background#222C3A
textPreformat.foreground#E8A85E
textSeparator.foreground#2C3848
titleBar.activeBackground#121925
titleBar.activeForeground#E4E9F0
titleBar.border#2C3848
titleBar.inactiveBackground#0B1016
titleBar.inactiveForeground#6B7786
toolbar.activeBackground#222C3A
toolbar.hoverBackground#1E2836
tree.inactiveIndentGuidesStroke#2C384866
tree.indentGuidesStroke#2C3848
welcomePage.progress.background#222C3A
welcomePage.progress.foreground#E8A85E
welcomePage.tileBackground#1A232E
welcomePage.tileBorder#2C3848
welcomePage.tileHoverBackground#1E2836
widget.border#2C3848
widget.shadow#00000088

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, comment.line, comment.block	#667280	italic
string, string.quoted, string.template, string.unquoted	#C5D07A	—
constant.numeric, constant.numeric.integer, constant.numeric.float	#D998C8	—
constant.language, constant.other, variable.language, variable.language.this, variable.language.super, support.constant	#D998C8	—
keyword, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.switch, keyword.control.trycatch, keyword.control.await, keyword.control.import, keyword.control.export, keyword.control.from, keyword.operator.new, keyword.other	#E8A85E	—
storage.type, storage.type.function, storage.type.class	#E87248	—
storage.modifier, storage.modifier.async	#E87248	italic
meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator variable.other.readwrite	#E86B78	italic bold
keyword.codetag, keyword.codetag.notation, comment.todo, comment.todo.documentation, storage.type.class.jsdoc, entity.name.tag.documentation, punctuation.definition.block.tag.jsdoc, variable.other.jsdoc	#E86B78	bold
entity.name.tag, support.class.component, entity.name.tag@supports	#E8A85E	—
entity.name.function, support.function, meta.function-call, meta.function-call entity.name.function, entity.name.function.member	#62B4DC	—
entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, entity.name.scope-resolution, entity.name.type.alias	#A8B4F0	—
entity.name.type.interface, support.type.interface	#A8B4F0	—
entity.name.type.enum, support.type.enum	#A8B4F0	—
entity.name.namespace	#A8B4F0	italic
variable, variable.other, variable.other.readwrite, variable.other.object	#C5CDD8	—
variable.parameter, meta.function.parameters	#C5CDD8	italic
variable.other.property, variable.other.object.property, meta.object-literal.key, entity.other.attribute-name, support.type.property-name, support.type.property-name.css, support.type.property-name.scss	#62C4D4	—
string.regexp, constant.regexp	#E87888	—
constant.character.escape, constant.other.placeholder	#72C8D8	—
punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression	#72C8D8	bold
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.ternary, keyword.operator.expression, keyword.operator.relational	#8E99A8	—
punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace	#747E8C	—
markup.heading, markup.heading.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown	#E8A85E	bold
markup.bold, markup.bold.markdown	#E87248	bold
markup.italic, markup.italic.markdown	#D998C8	italic
markup.inline.raw, markup.inline.raw.string.markdown, markup.fenced_code.block.markdown	#C5D07A	—
markup.underline.link, markup.underline.link.markdown, string.other.link	#62B4DC	underline
markup.list, markup.list.numbered, markup.list.unnumbered	#C5CDD8	—
markup.quote, markup.quote.markdown	#667280	italic
meta.separator.markdown, punctuation.definition.thematic.break.markdown	#2C3848	—
support.type.property-name.json, support.type.property-name.toml	#62C4D4	—
invalid, invalid.deprecated, invalid.illegal	#E86B78	underline