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 Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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#0B0F16
activityBar.activeBorder#498FE0
activityBar.activeFocusBorder#498FE0
activityBar.background#0B0F16
activityBar.dropBorder#498FE0
activityBar.foreground#498FE0
activityBar.inactiveForeground#647287
activityBarBadge.background#498FE0
activityBarBadge.foreground#0F141E
badge.background#498FE0
badge.foreground#0F141E
breadcrumb.activeSelectionForeground#C0C7D6
breadcrumb.background#0F141E
breadcrumb.focusForeground#C0C7D6
breadcrumb.foreground#647287
breadcrumbPicker.background#0B0F16
button.background#498FE0
button.foreground#0F141E
button.hoverBackground#3A7BD1
button.secondaryBackground#0B0F16
button.secondaryForeground#C0C7D6
button.secondaryHoverBackground#26364D
checkbox.background#0B0F16
checkbox.border#26364D
checkbox.foreground#C0C7D6
debugExceptionWidget.background#0B0F16
debugExceptionWidget.border#E0854D
debugToolBar.background#0B0F16
debugToolBar.border#26364D
descriptionForeground#647287
diffEditor.diagonalFill#0B0F16
diffEditor.insertedTextBackground#3AA38420
diffEditor.removedTextBackground#E0854D20
dropdown.background#0B0F16
dropdown.border#26364D
dropdown.foreground#C0C7D6
dropdown.listBackground#0B0F16
editor.background#0F141E
editor.findMatchBackground#26364D
editor.findMatchHighlightBackground#26364D80
editor.findRangeHighlightBackground#0B0F16
editor.foreground#C0C7D6
editor.hoverHighlightBackground#0B0F16
editor.inactiveSelectionBackground#26364D80
editor.lineHighlightBackground#171F2E
editor.lineHighlightBorder#171F2E
editor.rangeHighlightBackground#0B0F16
editor.selectionBackground#26364D
editor.selectionHighlightBackground#26364D80
editor.wordHighlightBackground#26364D80
editor.wordHighlightStrongBackground#26364D
editorBracketHighlight.foreground1#C9A045
editorBracketHighlight.foreground2#6E7CCC
editorBracketHighlight.foreground3#498FE0
editorBracketHighlight.foreground4#3AA384
editorBracketHighlight.foreground5#498FE0
editorBracketHighlight.foreground6#C9A045
editorBracketHighlight.unexpectedBracket.foreground#E0854D
editorBracketMatch.background#26364D
editorBracketMatch.border#498FE0
editorCodeLens.foreground#647287
editorCursor.foreground#498FE0
editorError.foreground#E0854D
editorGroup.border#0B0F16
editorGroup.dropBackground#26364D80
editorGroupHeader.noTabsBackground#0F141E
editorGroupHeader.tabsBackground#0F141E
editorGroupHeader.tabsBorder#0F141E
editorGutter.addedBackground#3AA384
editorGutter.background#0F141E
editorGutter.deletedBackground#E0854D
editorGutter.modifiedBackground#498FE0
editorHint.foreground#3AA384
editorHoverWidget.background#0B0F16
editorHoverWidget.border#26364D
editorIndentGuide.activeBackground#3A4A63
editorIndentGuide.background#171F2E
editorInfo.foreground#498FE0
editorInlayHint.background#0B0F16
editorInlayHint.foreground#647287
editorInlayHint.parameterBackground#0B0F16
editorInlayHint.parameterForeground#6E7CCC
editorInlayHint.typeBackground#0B0F16
editorInlayHint.typeForeground#498FE0
editorLineNumber.activeForeground#C0C7D6
editorLineNumber.foreground#3A4A63
editorLink.activeForeground#498FE0
editorMarkerNavigation.background#0B0F16
editorMarkerNavigationError.background#E0854D
editorMarkerNavigationInfo.background#498FE0
editorMarkerNavigationWarning.background#C9A045
editorOverviewRuler.addedForeground#3AA384
editorOverviewRuler.border#0F141E
editorOverviewRuler.bracketMatchForeground#498FE0
editorOverviewRuler.deletedForeground#E0854D
editorOverviewRuler.errorForeground#E0854D
editorOverviewRuler.findMatchForeground#498FE0
editorOverviewRuler.infoForeground#498FE0
editorOverviewRuler.modifiedForeground#498FE0
editorOverviewRuler.rangeHighlightForeground#498FE0
editorOverviewRuler.selectionHighlightForeground#498FE0
editorOverviewRuler.warningForeground#C9A045
editorOverviewRuler.wordHighlightForeground#498FE0
editorOverviewRuler.wordHighlightStrongForeground#498FE0
editorPane.background#0F141E
editorRuler.foreground#171F2E
editorSuggestWidget.background#0B0F16
editorSuggestWidget.border#26364D
editorSuggestWidget.foreground#C0C7D6
editorSuggestWidget.highlightForeground#498FE0
editorSuggestWidget.selectedBackground#26364D
editorWarning.foreground#C9A045
editorWhitespace.foreground#171F2E
editorWidget.background#0B0F16
editorWidget.border#26364D
editorWidget.resizeBorder#498FE0
errorForeground#E0854D
extensionBadge.remoteBackground#498FE0
extensionBadge.remoteForeground#0F141E
extensionButton.prominentBackground#498FE0
extensionButton.prominentForeground#0F141E
extensionButton.prominentHoverBackground#3A7BD1
focusBorder#498FE0
foreground#C0C7D6
gitDecoration.addedResourceForeground#3AA384
gitDecoration.conflictingResourceForeground#C9A045
gitDecoration.deletedResourceForeground#E0854D
gitDecoration.ignoredResourceForeground#647287
gitDecoration.modifiedResourceForeground#498FE0
gitDecoration.submoduleResourceForeground#6E7CCC
gitDecoration.untrackedResourceForeground#3AA384
icon.foreground#C0C7D6
input.background#0B0F16
input.border#26364D
input.foreground#C0C7D6
input.placeholderForeground#647287
inputOption.activeBackground#26364D
inputOption.activeBorder#498FE0
inputOption.activeForeground#C0C7D6
inputValidation.errorBackground#0B0F16
inputValidation.errorBorder#E0854D
inputValidation.infoBackground#0B0F16
inputValidation.infoBorder#498FE0
inputValidation.warningBackground#0B0F16
inputValidation.warningBorder#C9A045
list.activeSelectionBackground#26364D
list.activeSelectionForeground#C0C7D6
list.dropBackground#26364D80
list.errorForeground#E0854D
list.focusBackground#26364D80
list.focusForeground#C0C7D6
list.highlightForeground#498FE0
list.hoverBackground#0B0F16
list.hoverForeground#C0C7D6
list.inactiveFocusBackground#0B0F16
list.inactiveSelectionBackground#26364D80
list.inactiveSelectionForeground#C0C7D6
list.invalidItemForeground#E0854D
list.warningForeground#C9A045
listFilterWidget.background#0B0F16
listFilterWidget.noMatchesOutline#E0854D
listFilterWidget.outline#26364D
menu.background#0B0F16
menu.foreground#C0C7D6
menu.selectionBackground#26364D
menu.selectionForeground#C0C7D6
menu.separatorBackground#26364D
menubar.selectionBackground#26364D
menubar.selectionForeground#C0C7D6
merge.commonContentBackground#0B0F16
merge.commonHeaderBackground#0B0F16
merge.currentContentBackground#498FE020
merge.currentHeaderBackground#498FE040
merge.incomingContentBackground#3AA38420
merge.incomingHeaderBackground#3AA38440
minimap.background#0F141E
minimap.errorHighlight#E0854D
minimap.findMatchHighlight#26364D
minimap.selectionHighlight#26364D
minimap.warningHighlight#C9A045
minimapGutter.addedBackground#3AA384
minimapGutter.deletedBackground#E0854D
minimapGutter.modifiedBackground#498FE0
notificationCenter.border#26364D
notificationCenterHeader.background#0B0F16
notificationCenterHeader.foreground#C0C7D6
notificationLink.foreground#498FE0
notifications.background#0B0F16
notifications.border#26364D
notifications.foreground#C0C7D6
notificationToast.border#26364D
panel.background#0F141E
panel.border#0B0F16
panel.dropBorder#498FE0
panelInput.border#26364D
panelTitle.activeBorder#498FE0
panelTitle.activeForeground#C0C7D6
panelTitle.inactiveForeground#647287
peekView.border#498FE0
peekViewEditor.background#0B0F16
peekViewEditor.matchHighlightBackground#26364D
peekViewEditorGutter.background#0B0F16
peekViewResult.background#0B0F16
peekViewResult.fileForeground#C0C7D6
peekViewResult.lineForeground#647287
peekViewResult.matchHighlightBackground#26364D
peekViewResult.selectionBackground#26364D
peekViewResult.selectionForeground#C0C7D6
peekViewTitle.background#0B0F16
peekViewTitleDescription.foreground#647287
peekViewTitleLabel.foreground#C0C7D6
pickerGroup.border#26364D
pickerGroup.foreground#498FE0
progressBar.background#498FE0
sash.hoverBorder#498FE0
scrollbar.shadow#00000040
scrollbarSlider.activeBackground#3A4A6380
scrollbarSlider.background#3A4A6340
scrollbarSlider.hoverBackground#3A4A6360
selection.background#26364D
settings.checkboxBackground#0B0F16
settings.checkboxBorder#26364D
settings.checkboxForeground#C0C7D6
settings.dropdownBackground#0B0F16
settings.dropdownBorder#26364D
settings.dropdownForeground#C0C7D6
settings.dropdownListBorder#26364D
settings.headerForeground#C0C7D6
settings.modifiedItemIndicator#498FE0
settings.numberInputBackground#0B0F16
settings.numberInputBorder#26364D
settings.numberInputForeground#C0C7D6
settings.textInputBackground#0B0F16
settings.textInputBorder#26364D
settings.textInputForeground#C0C7D6
sideBar.background#0B0F16
sideBar.border#0F141E
sideBar.dropBackground#26364D80
sideBar.foreground#C0C7D6
sideBarSectionHeader.background#0B0F16
sideBarSectionHeader.border#0F141E
sideBarSectionHeader.foreground#C0C7D6
sideBarTitle.foreground#C0C7D6
statusBar.background#0F141E
statusBar.border#0F141E
statusBar.debuggingBackground#E0854D
statusBar.debuggingBorder#0F141E
statusBar.debuggingForeground#0F141E
statusBar.foreground#647287
statusBar.noFolderBackground#0F141E
statusBar.noFolderBorder#0F141E
statusBar.noFolderForeground#647287
statusBarItem.activeBackground#26364D
statusBarItem.hoverBackground#0B0F16
statusBarItem.prominentBackground#0F141E
statusBarItem.prominentHoverBackground#0B0F16
statusBarItem.remoteBackground#498FE0
statusBarItem.remoteForeground#0F141E
tab.activeBackground#0F141E
tab.activeBorder#0F141E
tab.activeBorderTop#498FE0
tab.activeForeground#C0C7D6
tab.border#0F141E
tab.hoverBackground#0B0F16
tab.inactiveBackground#0F141E
tab.inactiveForeground#647287
tab.lastPinnedBorder#0B0F16
tab.unfocusedActiveBackground#0F141E
tab.unfocusedActiveBorder#0F141E
tab.unfocusedActiveBorderTop#0F141E
tab.unfocusedActiveForeground#647287
tab.unfocusedHoverBackground#0B0F16
tab.unfocusedInactiveBackground#0F141E
tab.unfocusedInactiveForeground#647287
terminal.ansiBlack#0B0F16
terminal.ansiBlue#498FE0
terminal.ansiBrightBlack#3A4A63
terminal.ansiBrightBlue#498FE0
terminal.ansiBrightCyan#498FE0
terminal.ansiBrightGreen#3AA384
terminal.ansiBrightMagenta#6E7CCC
terminal.ansiBrightRed#E0854D
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#C9A045
terminal.ansiCyan#498FE0
terminal.ansiGreen#3AA384
terminal.ansiMagenta#6E7CCC
terminal.ansiRed#E0854D
terminal.ansiWhite#C0C7D6
terminal.ansiYellow#C9A045
terminal.background#0F141E
terminal.foreground#C0C7D6
terminal.selectionBackground#26364D
terminalCursor.background#0F141E
terminalCursor.foreground#498FE0
textBlockQuote.background#0B0F16
textBlockQuote.border#498FE0
textCodeBlock.background#0B0F16
textLink.activeForeground#498FE0
textLink.foreground#498FE0
textPreformat.foreground#C0C7D6
textSeparator.foreground#0B0F16
titleBar.activeBackground#0F141E
titleBar.activeForeground#C0C7D6
titleBar.border#0F141E
titleBar.inactiveBackground#0F141E
titleBar.inactiveForeground#647287
walkThrough.embeddedEditorBackground#0F141E
widget.shadow#00000080
window.activeBorder#0F141E
window.inactiveBorder#0F141E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, keyword.control, storage.type, storage.modifier	#E0854D	italic
entity.name.function, support.function, meta.function-call	#3AA384	—
string, string.quoted, string.template, punctuation.definition.string	#C9A045	—
variable, variable.other, variable.parameter	#C0C7D6	—
constant.numeric	#498FE0	—
entity.name.type, support.type	#6E7CCC	—
entity.name.type.class, entity.name.class, support.class	#6E7CCC	bold
constant.language, constant.character, constant.other	#E0854D	—
keyword.operator	#498FE0	—
comment, punctuation.definition.comment	#647287	italic
entity.name.tag, punctuation.definition.tag	#3AA384	—
entity.other.attribute-name	#C9A045	italic
support.type.property-name, meta.object-literal.key	#C0C7D6	—
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	#647287	—