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 Midnight

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, keyword.control, storage.type, storage.modifier	#5C94FF	italic
entity.name.function, support.function, meta.function-call	#5687CC	—
string, string.quoted, string.template, punctuation.definition.string	#65E39C	—
variable, variable.other, variable.parameter	#C5D4ED	—
constant.numeric	#F47A83	—
entity.name.type, support.type	#FFB86C	—
entity.name.type.class, entity.name.class, support.class	#FFB86C	bold
constant.language, constant.character, constant.other	#F47A83	—
keyword.operator	#5687CC	—
comment, punctuation.definition.comment	#50648A	italic
entity.name.tag, punctuation.definition.tag	#5687CC	—
entity.other.attribute-name	#FFB86C	italic
support.type.property-name, meta.object-literal.key	#C5D4ED	—
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	#50648A	—