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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, keyword.control, storage.type, storage.modifier	#B388FF	italic
entity.name.function, support.function, meta.function-call	#6EE7FF	—
string, string.quoted, string.template, punctuation.definition.string	#8AFFC1	—
variable, variable.other, variable.parameter	#E6E6E6	—
constant.numeric	#FFD166	—
entity.name.type, support.type	#B388FF	—
entity.name.type.class, entity.name.class, support.class	#C3A8FF	bold
constant.language, constant.character, constant.other	#D4AAFF	—
keyword.operator	#687080	—
comment, punctuation.definition.comment	#687080	italic
entity.name.tag, punctuation.definition.tag	#B388FF	—
entity.other.attribute-name	#6EE7FF	italic
support.type.property-name, meta.object-literal.key	#E6E6E6	—
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	#687080	—