Nyxora

Name: Nyxora
Author: ankitshrr

Publisher: ankitshrrThemes in package: 5

A premium, modern, minimalist theme collection. Highly readable, low eye strain.

Open in VS Code GitHub

Color themes

VS Code preview

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

Nyxora — Nyxora Aurora Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#EBE5DA
activityBar.activeBorder#3478C4
activityBar.activeFocusBorder#3478C4
activityBar.background#EBE5DA
activityBar.dropBorder#3478C4
activityBar.foreground#3478C4
activityBar.inactiveForeground#8E98A6
activityBarBadge.background#3478C4
activityBarBadge.foreground#FAF7F2
badge.background#3478C4
badge.foreground#FAF7F2
breadcrumb.activeSelectionForeground#454C59
breadcrumb.background#FAF7F2
breadcrumb.focusForeground#454C59
breadcrumb.foreground#8E98A6
breadcrumbPicker.background#F2EDE4
button.background#3478C4
button.foreground#FAF7F2
button.hoverBackground#2A62A3
button.secondaryBackground#F2EDE4
button.secondaryForeground#454C59
button.secondaryHoverBackground#D4DEE8
checkbox.background#F2EDE4
checkbox.border#D4DEE8
checkbox.foreground#454C59
debugExceptionWidget.background#F2EDE4
debugExceptionWidget.border#D47033
debugToolBar.background#F2EDE4
debugToolBar.border#D4DEE8
descriptionForeground#8E98A6
diffEditor.diagonalFill#F2EDE4
diffEditor.insertedTextBackground#29856A20
diffEditor.removedTextBackground#D4703320
dropdown.background#F2EDE4
dropdown.border#D4DEE8
dropdown.foreground#454C59
dropdown.listBackground#F2EDE4
editor.background#FAF7F2
editor.findMatchBackground#D4DEE8
editor.findMatchHighlightBackground#D4DEE880
editor.findRangeHighlightBackground#F2EDE4
editor.foreground#454C59
editor.hoverHighlightBackground#F2EDE4
editor.inactiveSelectionBackground#D4DEE880
editor.lineHighlightBackground#F2F4F7
editor.lineHighlightBorder#F2F4F7
editor.rangeHighlightBackground#F2EDE4
editor.selectionBackground#D4DEE8
editor.selectionHighlightBackground#D4DEE880
editor.wordHighlightBackground#D4DEE880
editor.wordHighlightStrongBackground#D4DEE8
editorBracketHighlight.foreground1#A88536
editorBracketHighlight.foreground2#5763B8
editorBracketHighlight.foreground3#3478C4
editorBracketHighlight.foreground4#29856A
editorBracketHighlight.foreground5#3478C4
editorBracketHighlight.foreground6#A88536
editorBracketHighlight.unexpectedBracket.foreground#D47033
editorBracketMatch.background#D4DEE8
editorBracketMatch.border#3478C4
editorCodeLens.foreground#8E98A6
editorCursor.foreground#3478C4
editorError.foreground#D47033
editorGroup.border#F2EDE4
editorGroup.dropBackground#D4DEE880
editorGroupHeader.noTabsBackground#FAF7F2
editorGroupHeader.tabsBackground#FAF7F2
editorGroupHeader.tabsBorder#FAF7F2
editorGutter.addedBackground#29856A
editorGutter.background#FAF7F2
editorGutter.deletedBackground#D47033
editorGutter.modifiedBackground#3478C4
editorHint.foreground#29856A
editorHoverWidget.background#F2EDE4
editorHoverWidget.border#D4DEE8
editorIndentGuide.activeBackground#BDC5D1
editorIndentGuide.background#F2EDE4
editorInfo.foreground#3478C4
editorInlayHint.background#F2EDE4
editorInlayHint.foreground#8E98A6
editorInlayHint.parameterBackground#F2EDE4
editorInlayHint.parameterForeground#5763B8
editorInlayHint.typeBackground#F2EDE4
editorInlayHint.typeForeground#3478C4
editorLineNumber.activeForeground#454C59
editorLineNumber.foreground#BDC5D1
editorLink.activeForeground#3478C4
editorMarkerNavigation.background#F2EDE4
editorMarkerNavigationError.background#D47033
editorMarkerNavigationInfo.background#3478C4
editorMarkerNavigationWarning.background#A88536
editorOverviewRuler.addedForeground#29856A
editorOverviewRuler.border#FAF7F2
editorOverviewRuler.bracketMatchForeground#3478C4
editorOverviewRuler.deletedForeground#D47033
editorOverviewRuler.errorForeground#D47033
editorOverviewRuler.findMatchForeground#3478C4
editorOverviewRuler.infoForeground#3478C4
editorOverviewRuler.modifiedForeground#3478C4
editorOverviewRuler.rangeHighlightForeground#3478C4
editorOverviewRuler.selectionHighlightForeground#3478C4
editorOverviewRuler.warningForeground#A88536
editorOverviewRuler.wordHighlightForeground#3478C4
editorOverviewRuler.wordHighlightStrongForeground#3478C4
editorPane.background#FAF7F2
editorRuler.foreground#F2EDE4
editorSuggestWidget.background#F2EDE4
editorSuggestWidget.border#D4DEE8
editorSuggestWidget.foreground#454C59
editorSuggestWidget.highlightForeground#3478C4
editorSuggestWidget.selectedBackground#D4DEE8
editorWarning.foreground#A88536
editorWhitespace.foreground#F2EDE4
editorWidget.background#F2EDE4
editorWidget.border#D4DEE8
editorWidget.resizeBorder#3478C4
errorForeground#D47033
extensionBadge.remoteBackground#3478C4
extensionBadge.remoteForeground#FAF7F2
extensionButton.prominentBackground#3478C4
extensionButton.prominentForeground#FAF7F2
extensionButton.prominentHoverBackground#2A62A3
focusBorder#3478C4
foreground#454C59
gitDecoration.addedResourceForeground#29856A
gitDecoration.conflictingResourceForeground#A88536
gitDecoration.deletedResourceForeground#D47033
gitDecoration.ignoredResourceForeground#8E98A6
gitDecoration.modifiedResourceForeground#3478C4
gitDecoration.submoduleResourceForeground#5763B8
gitDecoration.untrackedResourceForeground#29856A
icon.foreground#454C59
input.background#F2EDE4
input.border#D4DEE8
input.foreground#454C59
input.placeholderForeground#8E98A6
inputOption.activeBackground#D4DEE8
inputOption.activeBorder#3478C4
inputOption.activeForeground#454C59
inputValidation.errorBackground#F2EDE4
inputValidation.errorBorder#D47033
inputValidation.infoBackground#F2EDE4
inputValidation.infoBorder#3478C4
inputValidation.warningBackground#F2EDE4
inputValidation.warningBorder#A88536
list.activeSelectionBackground#D4DEE8
list.activeSelectionForeground#454C59
list.dropBackground#D4DEE880
list.errorForeground#D47033
list.focusBackground#D4DEE880
list.focusForeground#454C59
list.highlightForeground#3478C4
list.hoverBackground#F2EDE4
list.hoverForeground#454C59
list.inactiveFocusBackground#F2EDE4
list.inactiveSelectionBackground#D4DEE880
list.inactiveSelectionForeground#454C59
list.invalidItemForeground#D47033
list.warningForeground#A88536
listFilterWidget.background#F2EDE4
listFilterWidget.noMatchesOutline#D47033
listFilterWidget.outline#D4DEE8
menu.background#F2EDE4
menu.foreground#454C59
menu.selectionBackground#D4DEE8
menu.selectionForeground#454C59
menu.separatorBackground#D4DEE8
menubar.selectionBackground#D4DEE8
menubar.selectionForeground#454C59
merge.commonContentBackground#F2EDE4
merge.commonHeaderBackground#F2EDE4
merge.currentContentBackground#3478C420
merge.currentHeaderBackground#3478C440
merge.incomingContentBackground#29856A20
merge.incomingHeaderBackground#29856A40
minimap.background#FAF7F2
minimap.errorHighlight#D47033
minimap.findMatchHighlight#D4DEE8
minimap.selectionHighlight#D4DEE8
minimap.warningHighlight#A88536
minimapGutter.addedBackground#29856A
minimapGutter.deletedBackground#D47033
minimapGutter.modifiedBackground#3478C4
notificationCenter.border#D4DEE8
notificationCenterHeader.background#F2EDE4
notificationCenterHeader.foreground#454C59
notificationLink.foreground#3478C4
notifications.background#F2EDE4
notifications.border#D4DEE8
notifications.foreground#454C59
notificationToast.border#D4DEE8
panel.background#FAF7F2
panel.border#F2EDE4
panel.dropBorder#3478C4
panelInput.border#D4DEE8
panelTitle.activeBorder#3478C4
panelTitle.activeForeground#454C59
panelTitle.inactiveForeground#8E98A6
peekView.border#3478C4
peekViewEditor.background#F2EDE4
peekViewEditor.matchHighlightBackground#D4DEE8
peekViewEditorGutter.background#F2EDE4
peekViewResult.background#F2EDE4
peekViewResult.fileForeground#454C59
peekViewResult.lineForeground#8E98A6
peekViewResult.matchHighlightBackground#D4DEE8
peekViewResult.selectionBackground#D4DEE8
peekViewResult.selectionForeground#454C59
peekViewTitle.background#F2EDE4
peekViewTitleDescription.foreground#8E98A6
peekViewTitleLabel.foreground#454C59
pickerGroup.border#D4DEE8
pickerGroup.foreground#3478C4
progressBar.background#3478C4
sash.hoverBorder#3478C4
scrollbar.shadow#00000010
scrollbarSlider.activeBackground#BDC5D180
scrollbarSlider.background#BDC5D140
scrollbarSlider.hoverBackground#BDC5D160
selection.background#D4DEE8
settings.checkboxBackground#F2EDE4
settings.checkboxBorder#D4DEE8
settings.checkboxForeground#454C59
settings.dropdownBackground#F2EDE4
settings.dropdownBorder#D4DEE8
settings.dropdownForeground#454C59
settings.dropdownListBorder#D4DEE8
settings.headerForeground#454C59
settings.modifiedItemIndicator#3478C4
settings.numberInputBackground#F2EDE4
settings.numberInputBorder#D4DEE8
settings.numberInputForeground#454C59
settings.textInputBackground#F2EDE4
settings.textInputBorder#D4DEE8
settings.textInputForeground#454C59
sideBar.background#F2EDE4
sideBar.border#FAF7F2
sideBar.dropBackground#D4DEE880
sideBar.foreground#454C59
sideBarSectionHeader.background#F2EDE4
sideBarSectionHeader.border#FAF7F2
sideBarSectionHeader.foreground#454C59
sideBarTitle.foreground#454C59
statusBar.background#FAF7F2
statusBar.border#FAF7F2
statusBar.debuggingBackground#D47033
statusBar.debuggingBorder#FAF7F2
statusBar.debuggingForeground#FAF7F2
statusBar.foreground#8E98A6
statusBar.noFolderBackground#FAF7F2
statusBar.noFolderBorder#FAF7F2
statusBar.noFolderForeground#8E98A6
statusBarItem.activeBackground#D4DEE8
statusBarItem.hoverBackground#F2EDE4
statusBarItem.prominentBackground#FAF7F2
statusBarItem.prominentHoverBackground#F2EDE4
statusBarItem.remoteBackground#3478C4
statusBarItem.remoteForeground#FAF7F2
tab.activeBackground#FAF7F2
tab.activeBorder#FAF7F2
tab.activeBorderTop#3478C4
tab.activeForeground#454C59
tab.border#FAF7F2
tab.hoverBackground#F2EDE4
tab.inactiveBackground#FAF7F2
tab.inactiveForeground#8E98A6
tab.lastPinnedBorder#F2EDE4
tab.unfocusedActiveBackground#FAF7F2
tab.unfocusedActiveBorder#FAF7F2
tab.unfocusedActiveBorderTop#FAF7F2
tab.unfocusedActiveForeground#8E98A6
tab.unfocusedHoverBackground#F2EDE4
tab.unfocusedInactiveBackground#FAF7F2
tab.unfocusedInactiveForeground#8E98A6
terminal.ansiBlack#454C59
terminal.ansiBlue#3478C4
terminal.ansiBrightBlack#BDC5D1
terminal.ansiBrightBlue#3478C4
terminal.ansiBrightCyan#3478C4
terminal.ansiBrightGreen#29856A
terminal.ansiBrightMagenta#5763B8
terminal.ansiBrightRed#D47033
terminal.ansiBrightWhite#454C59
terminal.ansiBrightYellow#A88536
terminal.ansiCyan#3478C4
terminal.ansiGreen#29856A
terminal.ansiMagenta#5763B8
terminal.ansiRed#D47033
terminal.ansiWhite#8E98A6
terminal.ansiYellow#A88536
terminal.background#FAF7F2
terminal.foreground#454C59
terminal.selectionBackground#D4DEE8
terminalCursor.background#FAF7F2
terminalCursor.foreground#3478C4
textBlockQuote.background#F2EDE4
textBlockQuote.border#3478C4
textCodeBlock.background#F2EDE4
textLink.activeForeground#3478C4
textLink.foreground#3478C4
textPreformat.foreground#454C59
textSeparator.foreground#F2EDE4
titleBar.activeBackground#FAF7F2
titleBar.activeForeground#454C59
titleBar.border#FAF7F2
titleBar.inactiveBackground#FAF7F2
titleBar.inactiveForeground#8E98A6
walkThrough.embeddedEditorBackground#FAF7F2
widget.shadow#00000015
window.activeBorder#FAF7F2
window.inactiveBorder#FAF7F2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, keyword.control, storage.type, storage.modifier	#D47033	italic
entity.name.function, support.function, meta.function-call	#29856A	—
string, string.quoted, string.template, punctuation.definition.string	#A88536	—
variable, variable.other, variable.parameter	#454C59	—
constant.numeric	#3478C4	—
entity.name.type, support.type	#5763B8	—
entity.name.type.class, entity.name.class, support.class	#5763B8	bold
constant.language, constant.character, constant.other	#D47033	—
keyword.operator	#3478C4	—
comment, punctuation.definition.comment	#8E98A6	italic
entity.name.tag, punctuation.definition.tag	#29856A	—
entity.other.attribute-name	#A88536	italic
support.type.property-name, meta.object-literal.key	#454C59	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.dictionary, punctuation.definition.block, meta.brace.round, meta.brace.square, meta.brace.curly	#8E98A6	—