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

Nyxora Pixel Light

VS Code preview

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

Nyxora — Nyxora Pixel 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#EDF0F7
activityBar.activeBorder#1E9E78
activityBar.activeFocusBorder#1E9E78
activityBar.background#EDF0F7
activityBar.dropBorder#7C5CC4
activityBar.foreground#1E9E78
activityBar.inactiveForeground#8090A8
activityBarBadge.background#7C5CC4
activityBarBadge.foreground#FFFFFF
badge.background#7C5CC4
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#1E2030
breadcrumb.background#F5F7FC
breadcrumb.focusForeground#1E2030
breadcrumb.foreground#8090A8
breadcrumbPicker.background#EDF0F7
button.background#7C5CC4
button.foreground#FFFFFF
button.hoverBackground#1A8FA0
button.secondaryBackground#EDF0F7
button.secondaryForeground#1E2030
button.secondaryHoverBackground#D8DCE8
checkbox.background#FFFFFF
checkbox.border#D8DCE8
checkbox.foreground#1E2030
debugExceptionWidget.background#EDF0F7
debugExceptionWidget.border#D94F63
debugToolBar.background#EDF0F7
debugToolBar.border#D8DCE8
descriptionForeground#8090A8
diffEditor.diagonalFill#D8DCE8
diffEditor.insertedTextBackground#1E9E7818
diffEditor.removedTextBackground#D94F6318
dropdown.background#FFFFFF
dropdown.border#D8DCE8
dropdown.foreground#1E2030
dropdown.listBackground#FFFFFF
editor.background#F5F7FC
editor.findMatchBackground#C49B0040
editor.findMatchHighlightBackground#C49B0020
editor.findRangeHighlightBackground#EDF0F7
editor.foreground#1E2030
editor.hoverHighlightBackground#1A8FA010
editor.inactiveSelectionBackground#7C5CC415
editor.lineHighlightBackground#EDF0F7
editor.lineHighlightBorder#D8DCE8
editor.rangeHighlightBackground#EDF0F7
editor.selectionBackground#7C5CC430
editor.selectionHighlightBackground#7C5CC415
editor.wordHighlightBackground#1A8FA015
editor.wordHighlightStrongBackground#1A8FA025
editorBracketHighlight.foreground1#7C5CC4
editorBracketHighlight.foreground2#1A8FA0
editorBracketHighlight.foreground3#1E9E78
editorBracketHighlight.foreground4#C49B00
editorBracketHighlight.foreground5#7C5CC4
editorBracketHighlight.foreground6#1A8FA0
editorBracketHighlight.unexpectedBracket.foreground#D94F63
editorBracketMatch.background#7C5CC420
editorBracketMatch.border#7C5CC4
editorCodeLens.foreground#8090A8
editorCursor.background#F5F7FC
editorCursor.foreground#1A8FA0
editorError.foreground#D94F63
editorGroup.border#D8DCE8
editorGroup.dropBackground#7C5CC415
editorGroupHeader.noTabsBackground#EDF0F7
editorGroupHeader.tabsBackground#EDF0F7
editorGroupHeader.tabsBorder#D8DCE8
editorGutter.addedBackground#1E9E78
editorGutter.background#F5F7FC
editorGutter.deletedBackground#D94F63
editorGutter.modifiedBackground#1A8FA0
editorHint.foreground#1E9E78
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#D8DCE8
editorIndentGuide.activeBackground#B0BACC
editorIndentGuide.background#D8DCE8
editorInfo.foreground#1A8FA0
editorInlayHint.background#D8DCE880
editorInlayHint.foreground#8090A8
editorInlayHint.parameterBackground#D8DCE880
editorInlayHint.parameterForeground#1A8FA0
editorInlayHint.typeBackground#D8DCE880
editorInlayHint.typeForeground#7C5CC4
editorLineNumber.activeForeground#8090A8
editorLineNumber.foreground#C0C8D8
editorLink.activeForeground#1A8FA0
editorMarkerNavigation.background#EDF0F7
editorMarkerNavigationError.background#D94F6318
editorMarkerNavigationInfo.background#1A8FA018
editorMarkerNavigationWarning.background#C49B0018
editorOverviewRuler.addedForeground#1E9E78
editorOverviewRuler.border#D8DCE8
editorOverviewRuler.bracketMatchForeground#7C5CC4
editorOverviewRuler.deletedForeground#D94F63
editorOverviewRuler.errorForeground#D94F63
editorOverviewRuler.findMatchForeground#C49B00
editorOverviewRuler.infoForeground#1A8FA0
editorOverviewRuler.modifiedForeground#1A8FA0
editorOverviewRuler.rangeHighlightForeground#7C5CC4
editorOverviewRuler.selectionHighlightForeground#7C5CC4
editorOverviewRuler.warningForeground#C49B00
editorOverviewRuler.wordHighlightForeground#1A8FA0
editorOverviewRuler.wordHighlightStrongForeground#1A8FA0
editorPane.background#F5F7FC
editorRuler.foreground#D8DCE8
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#D8DCE8
editorSuggestWidget.foreground#1E2030
editorSuggestWidget.highlightForeground#7C5CC4
editorSuggestWidget.selectedBackground#EDF0F7
editorWarning.foreground#C49B00
editorWhitespace.foreground#D8DCE8
editorWidget.background#EDF0F7
editorWidget.border#D8DCE8
editorWidget.resizeBorder#7C5CC4
errorForeground#D94F63
extensionBadge.remoteBackground#7C5CC4
extensionBadge.remoteForeground#FFFFFF
extensionButton.prominentBackground#7C5CC4
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#1A8FA0
focusBorder#7C5CC4
foreground#1E2030
gitDecoration.addedResourceForeground#1E9E78
gitDecoration.conflictingResourceForeground#C49B00
gitDecoration.deletedResourceForeground#D94F63
gitDecoration.ignoredResourceForeground#B0BACC
gitDecoration.modifiedResourceForeground#1A8FA0
gitDecoration.submoduleResourceForeground#7C5CC4
gitDecoration.untrackedResourceForeground#1E9E78
icon.foreground#1E9E78
input.background#FFFFFF
input.border#D8DCE8
input.foreground#1E2030
input.placeholderForeground#8090A8
inputOption.activeBackground#EDF0F7
inputOption.activeBorder#7C5CC4
inputOption.activeForeground#1E2030
inputValidation.errorBackground#FFFFFF
inputValidation.errorBorder#D94F63
inputValidation.infoBackground#FFFFFF
inputValidation.infoBorder#1A8FA0
inputValidation.warningBackground#FFFFFF
inputValidation.warningBorder#C49B00
list.activeSelectionBackground#D8DCE8
list.activeSelectionForeground#1E2030
list.dropBackground#D8DCE8
list.errorForeground#D94F63
list.focusBackground#D8DCE860
list.focusForeground#1E2030
list.highlightForeground#7C5CC4
list.hoverBackground#EDF0F7
list.hoverForeground#1E2030
list.inactiveFocusBackground#EDF0F7
list.inactiveSelectionBackground#D8DCE860
list.inactiveSelectionForeground#1E2030
list.invalidItemForeground#D94F63
list.warningForeground#C49B00
listFilterWidget.background#FFFFFF
listFilterWidget.noMatchesOutline#D94F63
listFilterWidget.outline#D8DCE8
menu.background#FFFFFF
menu.border#D8DCE8
menu.foreground#1E2030
menu.selectionBackground#EDF0F7
menu.selectionForeground#1E2030
menu.separatorBackground#D8DCE8
menubar.selectionBackground#EDF0F7
menubar.selectionForeground#1E2030
merge.commonContentBackground#EDF0F7
merge.commonHeaderBackground#D8DCE8
merge.currentContentBackground#7C5CC415
merge.currentHeaderBackground#7C5CC425
merge.incomingContentBackground#1E9E7815
merge.incomingHeaderBackground#1E9E7825
minimap.background#F5F7FC
minimap.errorHighlight#D94F63
minimap.findMatchHighlight#C49B0050
minimap.selectionHighlight#7C5CC440
minimap.warningHighlight#C49B00
minimapGutter.addedBackground#1E9E78
minimapGutter.deletedBackground#D94F63
minimapGutter.modifiedBackground#1A8FA0
notificationCenter.border#D8DCE8
notificationCenterHeader.background#EDF0F7
notificationCenterHeader.foreground#1E2030
notificationLink.foreground#1A8FA0
notifications.background#FFFFFF
notifications.border#D8DCE8
notifications.foreground#1E2030
notificationToast.border#D8DCE8
panel.background#EDF0F7
panel.border#D8DCE8
panel.dropBorder#7C5CC4
panelInput.border#D8DCE8
panelTitle.activeBorder#1E9E78
panelTitle.activeForeground#1E2030
panelTitle.inactiveForeground#8090A8
peekView.border#7C5CC4
peekViewEditor.background#F5F7FC
peekViewEditor.matchHighlightBackground#C49B0030
peekViewEditorGutter.background#EDF0F7
peekViewResult.background#EDF0F7
peekViewResult.fileForeground#1E2030
peekViewResult.lineForeground#8090A8
peekViewResult.matchHighlightBackground#C49B0030
peekViewResult.selectionBackground#D8DCE8
peekViewResult.selectionForeground#1E2030
peekViewTitle.background#EDF0F7
peekViewTitleDescription.foreground#8090A8
peekViewTitleLabel.foreground#1E2030
pickerGroup.border#D8DCE8
pickerGroup.foreground#7C5CC4
progressBar.background#1E9E78
sash.hoverBorder#7C5CC4
scrollbar.shadow#00000010
scrollbarSlider.activeBackground#B0BACC80
scrollbarSlider.background#B0BACC40
scrollbarSlider.hoverBackground#B0BACC60
selection.background#7C5CC430
settings.checkboxBackground#FFFFFF
settings.checkboxBorder#D8DCE8
settings.checkboxForeground#1E2030
settings.dropdownBackground#FFFFFF
settings.dropdownBorder#D8DCE8
settings.dropdownForeground#1E2030
settings.dropdownListBorder#D8DCE8
settings.headerForeground#1E2030
settings.modifiedItemIndicator#7C5CC4
settings.numberInputBackground#FFFFFF
settings.numberInputBorder#D8DCE8
settings.numberInputForeground#1E2030
settings.textInputBackground#FFFFFF
settings.textInputBorder#D8DCE8
settings.textInputForeground#1E2030
sideBar.background#EDF0F7
sideBar.border#D8DCE8
sideBar.dropBackground#D8DCE8
sideBar.foreground#1E2030
sideBarSectionHeader.background#EDF0F7
sideBarSectionHeader.border#D8DCE8
sideBarSectionHeader.foreground#8090A8
sideBarTitle.foreground#8090A8
statusBar.background#EDF0F7
statusBar.border#D8DCE8
statusBar.debuggingBackground#D94F63
statusBar.debuggingBorder#D8DCE8
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#8090A8
statusBar.noFolderBackground#EDF0F7
statusBar.noFolderBorder#D8DCE8
statusBar.noFolderForeground#8090A8
statusBarItem.activeBackground#D8DCE8
statusBarItem.hoverBackground#D8DCE8
statusBarItem.prominentBackground#EDF0F7
statusBarItem.prominentHoverBackground#D8DCE8
statusBarItem.remoteBackground#1E9E78
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#F5F7FC
tab.activeBorder#F5F7FC
tab.activeBorderTop#1E9E78
tab.activeForeground#1E2030
tab.border#D8DCE8
tab.hoverBackground#D8DCE8
tab.inactiveBackground#EDF0F7
tab.inactiveForeground#8090A8
tab.lastPinnedBorder#D8DCE8
tab.unfocusedActiveBackground#EDF0F7
tab.unfocusedActiveBorder#EDF0F7
tab.unfocusedActiveBorderTop#D8DCE8
tab.unfocusedActiveForeground#8090A8
tab.unfocusedHoverBackground#D8DCE8
tab.unfocusedInactiveBackground#EDF0F7
tab.unfocusedInactiveForeground#8090A8
terminal.ansiBlack#1E2030
terminal.ansiBlue#7C5CC4
terminal.ansiBrightBlack#8090A8
terminal.ansiBrightBlue#7C5CC4
terminal.ansiBrightCyan#1A8FA0
terminal.ansiBrightGreen#1E9E78
terminal.ansiBrightMagenta#7C5CC4
terminal.ansiBrightRed#D94F63
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#C49B00
terminal.ansiCyan#1A8FA0
terminal.ansiGreen#1E9E78
terminal.ansiMagenta#7C5CC4
terminal.ansiRed#D94F63
terminal.ansiWhite#E6E6E6
terminal.ansiYellow#C49B00
terminal.background#F5F7FC
terminal.foreground#1E2030
terminal.selectionBackground#7C5CC430
terminalCursor.background#F5F7FC
terminalCursor.foreground#1A8FA0
textBlockQuote.background#EDF0F7
textBlockQuote.border#7C5CC4
textCodeBlock.background#EDF0F7
textLink.activeForeground#1A8FA0
textLink.foreground#1A8FA0
textPreformat.foreground#1E9E78
textSeparator.foreground#D8DCE8
titleBar.activeBackground#EDF0F7
titleBar.activeForeground#1E2030
titleBar.border#D8DCE8
titleBar.inactiveBackground#EDF0F7
titleBar.inactiveForeground#8090A8
walkThrough.embeddedEditorBackground#F5F7FC
widget.shadow#00000020
window.activeBorder#D8DCE8
window.inactiveBorder#D8DCE8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, keyword.control, storage.type, storage.modifier	#7C5CC4	italic
entity.name.function, support.function, meta.function-call	#1A8FA0	—
string, string.quoted, string.template, punctuation.definition.string	#1E9E78	—
variable, variable.other, variable.parameter	#1E2030	—
constant.numeric	#C49B00	—
entity.name.type, support.type	#7C5CC4	—
entity.name.type.class, entity.name.class, support.class	#5B3FA8	bold
constant.language, constant.character, constant.other	#9E6CC4	—
keyword.operator	#8090A8	—
comment, punctuation.definition.comment	#B0BACC	italic
entity.name.tag, punctuation.definition.tag	#7C5CC4	—
entity.other.attribute-name	#1A8FA0	italic
support.type.property-name, meta.object-literal.key	#1E2030	—
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	#8090A8	—