Nexus Dark

Name: Nexus Dark
Author: Pankaj Ghosh

Publisher: Pankaj GhoshThemes in package: 1

A sleek, modern dark VS Code theme with clean aesthetics, focused on clarity, contrast, and developer comfort.

GitHub

VS Code preview

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

Nexus Dark — Nexus Dark (Beta)

fetchUser.ts

index.ts

README.md

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#0c0c0c
activityBar.activeBorder#e5e5e5
activityBar.activeFocusBorder#0c0c0c
activityBar.background#0c0c0c
activityBar.border#0c0c0c
activityBar.dropBorder#ffffff1a
activityBar.foreground#e5e5e5
activityBar.inactiveForeground#e5e5e560
activityBarBadge.background#e5e5e5
activityBarBadge.foreground#171717
activityBarTop.activeBackground#0c0c0c
activityBarTop.activeBorder#e5e5e5
activityBarTop.background#0c0c0c
activityBarTop.dropBorder#ffffff1a
activityBarTop.foreground#e5e5e5
activityBarTop.inactiveForeground#e5e5e580
activityErrorBadge.background#ff6467
activityErrorBadge.foreground#171717
activityWarningBadge.background#fe9a00
activityWarningBadge.foreground#171717
badge.background#171717
badge.foreground#e5e5e5
banner.background#171717
banner.foreground#fafafa
banner.iconForeground#fafafa
breadcrumb.activeSelectionForeground#fafafa
breadcrumb.background#0c0c0c
breadcrumb.focusForeground#fafafa
breadcrumb.foreground#fafafacc
breadcrumbPicker.background#262626
button.background#e5e5e5
button.border#ffffff1a
button.foreground#171717
button.hoverBackground#cccccc
button.secondaryBackground#171717
button.secondaryForeground#fafafa
button.secondaryHoverBackground#1a1a1a
button.separator#171717
chat.avatarBackground#171717
chat.avatarForeground#fafafa
chat.checkpointSeparator#ffffff1a
chat.editedFileForeground#cccccc
chat.linesAddedForeground#449d5d
chat.linesRemovedForeground#ff6467
chat.requestBackground#262626
chat.requestBorder#ffffff1a
chat.requestBubbleBackground#262626
chat.requestBubbleHoverBackground#404040
chat.requestCodeBorder#ffffff1a
chat.slashCommandBackground#404040
chat.slashCommandForeground#e5e5e5
chatManagement.sashBorder#ffffff1a
checkbox.background#232323
checkbox.border#ffffff1a
checkbox.disabled.background#232323
checkbox.disabled.foreground#fafafa40
checkbox.foreground#e5e5e5
checkbox.selectBackground#e5e5e5
checkbox.selectBorder#ffffff1a
contrastActiveBorder#0c0c0c
contrastBorder#0c0c0c
descriptionForeground#fafafa
diffEditor.border#ffffff1a
diffEditor.diagonalFill#ffffff10
diffEditor.insertedLineBackground#449d5d20
diffEditor.insertedTextBackground#449d5d30
diffEditor.insertedTextBorder#449d5d
diffEditor.move.border#e5e5e5
diffEditor.moveActive.border#e5e5e5
diffEditor.removedLineBackground#ff646720
diffEditor.removedTextBackground#ff646730
diffEditor.removedTextBorder#ff6467
diffEditor.unchangedCodeBackground#ffffff05
diffEditor.unchangedRegionBackground#0c0c0c
diffEditor.unchangedRegionForeground#fafafa80
diffEditor.unchangedRegionShadow#000000
diffEditorGutter.insertedLineBackground#449d5d40
diffEditorGutter.removedLineBackground#ff646740
diffEditorOverview.insertedForeground#449d5d
diffEditorOverview.removedForeground#ff6467
disabledForeground#fafafa40
dropdown.background#262626
dropdown.border#404040
dropdown.foreground#fafafa
dropdown.listBackground#262626
editor.background#0c0c0c
editor.findMatchBackground#1447e680
editor.findMatchBorder#e5e5e5
editor.findMatchForeground#fafafa
editor.findMatchHighlightBackground#1447e640
editor.findMatchHighlightBorder#ffffff00
editor.findMatchHighlightForeground#fafafa
editor.findRangeHighlightBackground#ffffff15
editor.findRangeHighlightBorder#ffffff00
editor.foldBackground#262626
editor.foldPlaceholderForeground#fafafa80
editor.foreground#fafafa
editor.hoverHighlightBackground#262626
editor.inactiveLineHighlightBackground#ffffff08
editor.inactiveSelectionBackground#262626
editor.lineHighlightBackground#ffffff10
editor.lineHighlightBorder#ffffff00
editor.linkedEditingBackground#ff000020
editor.rangeHighlightBackground#ffffff15
editor.rangeHighlightBorder#ffffff20
editor.selectionBackground#fafafa25
editor.selectionForeground#fafafa
editor.selectionHighlightBackground#ffffff15
editor.selectionHighlightBorder#ffffff00
editor.symbolHighlightBackground#ffffff15
editor.symbolHighlightBorder#ffffff20
editor.wordHighlightBackground#ffffff15
editor.wordHighlightBorder#ffffff30
editor.wordHighlightStrongBackground#ffffff20
editor.wordHighlightStrongBorder#ffffff40
editor.wordHighlightTextBackground#ffffff15
editor.wordHighlightTextBorder#ffffff30
editorActionList.background#262626
editorActionList.focusBackground#404040
editorActionList.focusForeground#e5e5e5
editorActionList.foreground#fafafa
editorBracketHighlight.foreground1#e5e5e5
editorBracketHighlight.foreground2#cccccc
editorBracketHighlight.foreground3#bbbbbb
editorBracketHighlight.foreground4#aaaaaa
editorBracketHighlight.foreground5#999999
editorBracketHighlight.foreground6#888888
editorBracketHighlight.unexpectedBracket.foreground#ff6467
editorBracketMatch.background#ffffff15
editorBracketMatch.border#e5e5e5
editorCodeLens.foreground#fafafa80
editorCommentsWidget.rangeActiveBackground#404040
editorCommentsWidget.rangeBackground#262626
editorCommentsWidget.replyInputBackground#262626
editorCommentsWidget.resolvedBorder#404040
editorCommentsWidget.unresolvedBorder#ff6467
editorCursor.background#0c0c0c
editorCursor.foreground#e5e5e5
editorError.foreground#ff5f5f
editorGroup.border#0c0c0c
editorGroup.dropBackground#26262690
editorGroup.dropIntoPromptBackground#262626
editorGroup.dropIntoPromptBorder#ffffff1a
editorGroup.dropIntoPromptForeground#fafafa
editorGroup.emptyBackground#0c0c0c
editorGroup.focusedEmptyBorder#0c0c0c
editorGroupHeader.border#0c0c0c
editorGroupHeader.noTabsBackground#0c0c0c
editorGroupHeader.tabsBackground#0c0c0c
editorGroupHeader.tabsBorder#0c0c0c
editorGutter.addedBackground#449d5d
editorGutter.addedSecondaryBackground#449d5d40
editorGutter.background#0c0c0c
editorGutter.commentDraftGlyphForeground#fafafa80
editorGutter.commentGlyphForeground#fafafa
editorGutter.commentRangeForeground#fafafa60
editorGutter.commentUnresolvedGlyphForeground#ff6467
editorGutter.deletedBackground#ff6467
editorGutter.deletedSecondaryBackground#ff646740
editorGutter.foldingControlForeground#fafafa
editorGutter.itemBackground#262626
editorGutter.itemGlyphForeground#e5e5e5
editorGutter.modifiedBackground#9162c0
editorGutter.modifiedSecondaryBackground#9162c040
editorHint.foreground#9ece6a
editorHoverWidget.background#262626
editorHoverWidget.border#ffffff1a
editorHoverWidget.foreground#fafafa
editorHoverWidget.highlightForeground#e5e5e5
editorHoverWidget.statusBarBackground#1a1a1a
editorIndentGuide.activeBackground#ffffff40
editorIndentGuide.background#ffffff20
editorInfo.foreground#7aa2f7
editorInlayHint.background#262626
editorInlayHint.foreground#fafafa80
editorInlayHint.parameterBackground#262626
editorInlayHint.parameterForeground#fafafa80
editorInlayHint.typeBackground#262626
editorInlayHint.typeForeground#fafafa80
editorLightBulb.foreground#e5e5e5
editorLightBulbAi.foreground#9162c0
editorLightBulbAutoFix.foreground#449d5d
editorLineNumber.activeForeground#fafafa
editorLineNumber.dimmedForeground#fafafa50
editorLineNumber.foreground#fafafa80
editorLink.activeForeground#e5e5e5
editorMinimap.inlineChatInserted#449d5d20
editorOverviewRuler.addedForeground#449d5d80
editorOverviewRuler.background#0c0c0c
editorOverviewRuler.border#ffffff1a
editorOverviewRuler.bracketMatchForeground#e5e5e5
editorOverviewRuler.deletedForeground#ff646780
editorOverviewRuler.errorForeground#ff6467
editorOverviewRuler.findMatchForeground#1447e680
editorOverviewRuler.infoForeground#cccccc
editorOverviewRuler.modifiedForeground#9162c080
editorOverviewRuler.rangeHighlightForeground#ffffff20
editorOverviewRuler.selectionHighlightForeground#404040
editorOverviewRuler.warningForeground#d17724
editorOverviewRuler.wordHighlightForeground#ffffff30
editorOverviewRuler.wordHighlightStrongForeground#ffffff40
editorOverviewRuler.wordHighlightTextForeground#ffffff30
editorPane.background#0c0c0c
editorRuler.foreground#ffffff20
editorSuggestWidget.background#262626
editorSuggestWidget.border#ffffff1a
editorSuggestWidget.focusHighlightForeground#e5e5e5
editorSuggestWidget.foreground#fafafa
editorSuggestWidget.highlightForeground#e5e5e5
editorSuggestWidget.selectedBackground#404040
editorSuggestWidget.selectedForeground#fafafa
editorSuggestWidget.selectedIconForeground#fafafa
editorSuggestWidgetStatus.foreground#fafafa80
editorUnicodeHighlight.background#ff646720
editorUnicodeHighlight.border#ffffff1a
editorUnnecessaryCode.opacity#00000060
editorWarning.foreground#f0b429
editorWhitespace.foreground#fafafa30
editorWidget.background#262626
editorWidget.border#ffffff1a
editorWidget.foreground#fafafa
editorWidget.resizeBorder#404040
errorForeground#ff6467
focusBorder#ffffff30
foreground#fafafa
icon.foreground#e5e5e5
inlineChat.background#262626
inlineChat.border#ffffff1a
inlineChat.foreground#fafafa
inlineChat.shadow#000000
inlineChatDiff.inserted#449d5d20
inlineChatDiff.removed#ff646720
inlineChatInput.background#262626
inlineChatInput.border#404040
inlineChatInput.focusBorder#e5e5e5
inlineChatInput.placeholderForeground#fafafa80
inlineEdit.gutterIndicator.background#262626
inlineEdit.gutterIndicator.primaryBackground#262626
inlineEdit.gutterIndicator.primaryBorder#e5e5e5
inlineEdit.gutterIndicator.primaryForeground#e5e5e5
inlineEdit.gutterIndicator.secondaryBackground#262626
inlineEdit.gutterIndicator.secondaryBorder#cccccc
inlineEdit.gutterIndicator.secondaryForeground#cccccc
inlineEdit.gutterIndicator.successfulBackground#449d5d20
inlineEdit.gutterIndicator.successfulBorder#449d5d
inlineEdit.gutterIndicator.successfulForeground#449d5d
inlineEdit.modifiedBackground#449d5d20
inlineEdit.modifiedBorder#449d5d
inlineEdit.modifiedChangedLineBackground#449d5d40
inlineEdit.modifiedChangedTextBackground#449d5d20
inlineEdit.originalBackground#ff646720
inlineEdit.originalBorder#ff6467
inlineEdit.originalChangedLineBackground#ff646740
inlineEdit.originalChangedTextBackground#ff646720
inlineEdit.tabWillAcceptModifiedBorder#449d5d
inlineEdit.tabWillAcceptOriginalBorder#ff6467
input.background#262626
input.border#404040
input.foreground#fafafa
input.placeholderForeground#fafafa80
inputOption.activeBackground#404040
inputOption.activeBorder#e5e5e5
inputOption.activeForeground#fafafa
inputOption.hoverBackground#262626
inputValidation.errorBackground#3c1618
inputValidation.errorBorder#ff6467
inputValidation.errorForeground#ff6467
inputValidation.infoBackground#171717
inputValidation.infoBorder#cccccc
inputValidation.infoForeground#cccccc
inputValidation.warningBackground#d1772425
inputValidation.warningBorder#d17724
inputValidation.warningForeground#d17724
interactive.activeCodeBorder#404040
interactive.inactiveCodeBorder#262626
list.activeSelectionBackground#404040
list.activeSelectionForeground#fafafa
list.activeSelectionIconForeground#fafafa
list.deemphasizedForeground#fafafa80
list.dropBackground#26262690
list.dropBetweenBackground#ffffff1a
list.errorForeground#ff6467
list.filterMatchBackground#404040
list.filterMatchBorder#e5e5e5
list.focusAndSelectionOutline#ffffff00
list.focusBackground#404040
list.focusForeground#fafafa
list.focusHighlightForeground#e5e5e5
list.focusOutline#ffffff00
list.highlightForeground#e5e5e5
list.hoverBackground#fafafa10
list.hoverForeground#fafafa
list.inactiveFocusBackground#262626
list.inactiveFocusOutline#ffffff00
list.inactiveSelectionBackground#40404080
list.inactiveSelectionForeground#fafafa80
list.inactiveSelectionIconForeground#fafafa80
list.invalidItemForeground#ff6467
list.warningForeground#d17724
listFilterWidget.background#262626
listFilterWidget.noMatchesOutline#ff6467
listFilterWidget.outline#ff6467
listFilterWidget.shadow#000000
menu.background#262626
menu.border#ffffff1a
menu.foreground#fafafa
menu.selectionBackground#404040
menu.selectionBorder#404040
menu.selectionForeground#fafafa
menu.separatorBackground#ffffff1a
menubar.selectionBackground#262626
menubar.selectionBorder#404040
menubar.selectionForeground#fafafa
minimap.background#0c0c0c
minimap.chatEditHighlight#1447e640
minimap.errorHighlight#ff6467
minimap.findMatchHighlight#1447e680
minimap.foregroundOpacity#fafafa
minimap.infoHighlight#cccccc
minimap.selectionHighlight#404040
minimap.selectionOccurrenceHighlight#404040
minimap.warningHighlight#d17724
minimapGutter.addedBackground#449d5d
minimapGutter.deletedBackground#ff6467
minimapGutter.modifiedBackground#9162c0
minimapSlider.activeBackground#e5e5e520
minimapSlider.background#e5e5e510
minimapSlider.hoverBackground#e5e5e518
multiDiffEditor.background#0c0c0c
multiDiffEditor.border#ffffff1a
multiDiffEditor.headerBackground#262626
notificationCenterHeader.background#262626
notificationCenterHeader.foreground#fafafa
notifications.background#262626
notifications.border#ffffff1a
notifications.foreground#fafafa
notificationsErrorIcon.foreground#ff6467
notificationsInfoIcon.foreground#fafafa
notificationsWarningIcon.foreground#fafafa
notificationToast.border#ffffff1a
panel.background#0c0c0c
panel.border#ffffff1a
panel.dropBorder#ffffff1a
panelInput.border#ffffff1a
panelTitle.activeBorder#e5e5e5
panelTitle.activeForeground#fafafa
panelTitle.inactiveForeground#fafafa80
problemsErrorIcon.foreground#ff6467
problemsInfoIcon.foreground#cccccc
problemsWarningIcon.foreground#d17724
profileBadge.background#171717
profileBadge.foreground#fafafa
profiles.sashBorder#0c0c0c
progressBar.background#e5e5e5
radio.activeBackground#232323
radio.activeBorder#ffffff1a
radio.activeForeground#e5e5e5
radio.inactiveBackground#232323
radio.inactiveBorder#ffffff1a
radio.inactiveForeground#fafafa80
radio.inactiveHoverBackground#262626
sash.hoverBorder#ffffff1a
scrollbar.background#fafafa00
scrollbar.shadow#0c0c0c
scrollbarSlider.activeBackground#e5e5e520
scrollbarSlider.background#e5e5e510
scrollbarSlider.hoverBackground#e5e5e518
search.resultsInfoForeground#cccccc
searchEditor.findMatchBackground#1447e680
searchEditor.findMatchBorder#e5e5e5
searchEditor.textInputBorder#404040
selection.background#1447e640
sideBar.background#0c0c0c
sideBar.border#0c0c0c
sideBar.dropBackground#26262690
sideBar.foreground#fafafacc
sideBarSectionHeader.background#0c0c0c
sideBarSectionHeader.border#0c0c0c
sideBarSectionHeader.foreground#fafafacc
sideBarStickyScroll.background#0c0c0c
sideBarStickyScroll.border#ffffff1a
sideBarStickyScroll.shadow#0c0c0c
sideBarTitle.foreground#fafafacc
sideBySideEditor.horizontalBorder#0c0c0c
sideBySideEditor.verticalBorder#0c0c0c
statusBar.background#0c0c0c
statusBar.border#0c0c0c
statusBar.debuggingBackground#3a1f00
statusBar.debuggingBorder#ff8c00cc
statusBar.debuggingForeground#ffca80
statusBar.foreground#fafafacc
statusBar.noFolderBackground#0c0c0c
statusBar.noFolderBorder#0c0c0c
statusBar.noFolderForeground#fafafacc
statusBarItem.activeBackground#3a3a3a70
statusBarItem.errorBackground#3c1a1e80
statusBarItem.errorForeground#ff9999
statusBarItem.hoverBackground#3a3a3a50
statusBarItem.prominentBackground#2a2a4a60
statusBarItem.prominentForeground#d0bfff
statusBarItem.prominentHoverBackground#2a2a4a90
statusBarItem.remoteBackground#1e3a2f50
statusBarItem.remoteForeground#7dd49a
statusBarItem.warningBackground#3a2a1a70
statusBarItem.warningForeground#ffcc88
tab.activeBackground#0c0c0c
tab.activeBorder#e5e5e5
tab.activeBorderTop#0c0c0c
tab.activeForeground#fafafa
tab.activeModifiedBorder#449d5d
tab.border#0c0c0c
tab.dragAndDropBorder#ffffff1a
tab.hoverBackground#0c0c0c
tab.hoverBorder#ffffff00
tab.hoverForeground#fafafa
tab.inactiveBackground#0c0c0c
tab.inactiveForeground#fafafa80
tab.inactiveModifiedBorder#449d5d80
tab.lastPinnedBorder#ffffff1a
tab.selectedBackground#0c0c0c
tab.selectedBorderTop#0c0c0c
tab.selectedForeground#fafafa
tab.unfocusedActiveBackground#0c0c0c
tab.unfocusedActiveBorder#e5e5e560
tab.unfocusedActiveBorderTop#0c0c0c
tab.unfocusedActiveForeground#fafafa80
tab.unfocusedActiveModifiedBorder#449d5d80
tab.unfocusedHoverBackground#262626
tab.unfocusedHoverBorder#ffffff00
tab.unfocusedHoverForeground#fafafa
tab.unfocusedInactiveBackground#0c0c0c
tab.unfocusedInactiveForeground#fafafa60
tab.unfocusedInactiveModifiedBorder#449d5d60
terminal.ansiBlack#0D0D0D
terminal.ansiBlue#8eb7db
terminal.ansiBrightBlack#0D0D0D
terminal.ansiBrightBlue#8eb7db
terminal.ansiBrightCyan#8eb7db
terminal.ansiBrightGreen#90c85b
terminal.ansiBrightMagenta#d66d5f
terminal.ansiBrightRed#d66d5f
terminal.ansiBrightWhite#d9d9d9
terminal.ansiBrightYellow#dedda9
terminal.ansiCyan#8eb7db
terminal.ansiGreen#90c85b
terminal.ansiMagenta#d66d5f
terminal.ansiRed#d66d5f
terminal.ansiWhite#d9d9d9
terminal.ansiYellow#dedda9
terminal.background#0c0c0c
terminal.foreground#d9d9d9
terminal.selectionBackground#2f4364
terminalCursor.background#0D0D0D
terminalCursor.foreground#19aad8
textBlockQuote.background#262626
textBlockQuote.border#ffffff1a
textCodeBlock.background#262626
textLink.activeForeground#e5e5e5
textLink.foreground#cccccc
textPreformat.background#262626
textPreformat.foreground#fafafa
textSeparator.foreground#ffffff1a
titleBar.activeBackground#0c0c0c
titleBar.activeForeground#fafafacc
titleBar.border#0c0c0c
titleBar.inactiveBackground#0c0c0c
titleBar.inactiveForeground#fafafa99
toolbar.activeBackground#1a1a1a
toolbar.hoverBackground#262626
toolbar.hoverOutline#404040
tree.inactiveIndentGuidesStroke#ffffff10
tree.indentGuidesStroke#ffffff1a
tree.tableColumnsBorder#ffffff1a
tree.tableOddRowsBackground#ffffff05
widget.border#ffffff1a
widget.shadow#ffffff05
window.activeBorder#0c0c0c
window.inactiveBorder#0c0c0c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded.line.tsx, meta.embedded.line.jsx, string.unquoted.plain.in.js.jsx, string.unquoted.plain.out.js.jsx, meta.jsx.children, meta.tag.children	#cdd6f4	—
comment, punctuation.definition.comment, string.comment	#7f849c	italic
keyword, storage.type, storage.modifier, keyword.operator.word	#f38ba8	italic
constant, entity.name.constant, variable.other.constant, variable.language, support.constant	#f9e2af	—
entity.name.function, meta.function-call, support.function, variable.function	#fab387	—
variable.parameter, variable.other, meta.parameter	#a6adc8	—
string, punctuation.definition.string, string.regexp	#a6e3a1	—
constant.numeric, number, constant.language, constant.character.escape	#f5c2e7	—
entity.name.type, entity.other.inherited-class, support.class, support.type, entity.name.class, entity.name.interface, entity.name.struct, entity.name.enum	#f9e2af	—
entity.name.tag, tag, meta.tag	#f38ba8	—
entity.other.attribute-name, meta.attribute	#fab387	—
support.type.property-name, meta.property-name, variable.object.property, meta.object.member	#cdd6f4	—
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.accessor	#89b4fa
punctuation	#cdd6f4	—
entity.name.namespace, entity.name.scope	#b4befe	—
variable.language.this, variable.language.super	#cba6f7	italic
support.variable, support.other	#89dceb	—
markup.bold	—	bold
markup.italic	—	italic
markup.heading	#f38ba8	bold
markup.inline.raw.string.markdown, markup.raw.block.markdown, markup.fenced_code.block.markdown	#a6e3a1	—
markup.underline.link.markdown, string.other.link.title.markdown	#89b4fa	—
constant.other.symbol, constant.other.key	#cba6f7	—
storage.type.primitive, support.type.primitive	#f9e2af	—
variable.language.self, variable.parameter.self	#cba6f7	italic
invalid	#f38ba8	underline
invalid.deprecated	#f38ba8	italic underline
variable.key.dotenv, source.dotenv	#fab387	—
property.value.dotenv, source.dotenv	#a6e3a1	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}