Nighthawk

Name: Nighthawk
Author: Ezz

Publisher: EzzThemes in package: 1

A synthwave inspired dark VS Code theme. Leaning to the side of higher contrast and more accentuated borders and shadows. Into the dark 🌃🌑

Open in VS Code GitHub

VS Code preview

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

Nighthawk — Nighthawk

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#fff4
activityBar.activeBorder#D51B6F
activityBar.activeFocusBorder#D51B6F
activityBar.background#050b16
activityBar.border#fff4
activityBar.dropBackground#306BAC55
activityBar.foreground#fff
activityBar.inactiveForeground#fff8
activityBarBadge.background#D51B6F
activityBarBadge.foreground#fff
badge.background#379392
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#D51B6F
breadcrumb.background#0B162Daa
breadcrumb.focusForeground#ffffff
breadcrumb.foreground#379392
breadcrumbPicker.background#091121
button.background#D51B6F
button.foreground#fff
button.hoverBackground#881247
checkbox.background#D51B6F
checkbox.border#fff5
checkbox.foreground#fff
contrastBorder#fff5
debugExceptionWidget.background#0B162D
debugExceptionWidget.border#fff5
debugIcon.restartForeground#379392
debugIcon.stopForeground#D51B6F
debugToolBar.background#050b16
descriptionForeground#fff9
diffEditor.insertedTextBackground#37939244
diffEditor.insertedTextBorder#fff1
diffEditor.removedTextBackground#D51B6F44
diffEditor.removedTextBorder#fff1
dropdown.background#610D33
dropdown.border#fff5
dropdown.foreground#fff
dropdown.listBackground#500B2A
editor.background#0B162D
editor.findMatchBackground#D51B6Faa
editor.findMatchBorder#D51B6F
editor.findMatchHighlightBackground#306BACaa
editor.foreground#fffd
editor.hoverHighlightBackground#fff4
editor.inactiveSelectionBackground#fff2
editor.lineHighlightBackground#fff2
editor.lineHighlightBorder#ffffff10
editor.rangeHighlightBackground#fff2
editor.selectionHighlightBorder#D51B6F22
editor.wordHighlightBackground#306BAC77
editor.wordHighlightBorder#306BAC
editor.wordHighlightStrongBackground#D51B6F77
editor.wordHighlightStrongBorder#D51B6F
editorBracketMatch.border#b59a05
editorCodeLens.foreground#fff4
editorCursor.foreground#D51B6F
editorError.foreground#D51B6F
editorGroup.border#37939277
editorGroup.dropBackground#306BAC55
editorGroupHeader.noTabsBackground#306BAC55
editorGroupHeader.tabsBackground#0B162D
editorGroupHeader.tabsBorder#37939277
editorGutter.addedBackground#379392
editorGutter.deletedBackground#D51B6F
editorGutter.modifiedBackground#b59a05
editorHoverWidget.border#fff5
editorIndentGuide.activeBackground#fff9
editorIndentGuide.background#306BAC99
editorLineNumber.activeForeground#7BA0CA
editorLineNumber.foreground#306BAC
editorLink.activeForeground#fff
editorMarkerNavigation.background#050b16
editorMarkerNavigationError.background#D51B6F
editorMarkerNavigationInfo.background#379392
editorMarkerNavigationWarning.background#b59a05
editorOverviewRuler.bracketMatchForeground#fff
editorOverviewRuler.commonContentForeground#b69b3a88
editorOverviewRuler.currentContentForeground#0f949288
editorOverviewRuler.errorForeground#D51B6F
editorOverviewRuler.incomingContentForeground#D51B6F88
editorOverviewRuler.modifiedForeground#379392
editorOverviewRuler.warningForeground#b59a05
editorRuler.foreground#fff3
editorSuggestWidget.background#050b16
editorSuggestWidget.border#fff5
editorSuggestWidget.foreground#fffc
editorSuggestWidget.highlightForeground#D51B6F
editorSuggestWidget.selectedBackground#306BACaa
editorWarning.foreground#b59a05
editorWhitespace.foreground#fff3
editorWidget.background#050b16
editorWidget.border#fff5
errorForeground#D51B6F
extensionBadge.remoteBackground#379392
extensionBadge.remoteForeground#fff
extensionButton.prominentBackground#D51B6F
extensionButton.prominentForeground#fff
extensionButton.prominentHoverBackground#881247
focusBorder#2E7978
foreground#fff
gitDecoration.addedResourceForeground#379392
gitDecoration.conflictingResourceForeground#63558A
gitDecoration.deletedResourceForeground#D51B6F
gitDecoration.ignoredResourceForeground#fff
gitDecoration.modifiedResourceForeground#b59a05
gitDecoration.submoduleResourceForeground#306BAC
gitDecoration.untrackedResourceForeground#D47156
icon.foreground#fff
imagePreview.border#fff4
input.background#610D33
input.border#fff5
input.foreground#ffffff
input.placeholderForeground#fff8
inputOption.activeBackground#2E7978
inputOption.activeBorder#fff5
inputValidation.errorBackground#D47156
inputValidation.errorBorder#fff5
inputValidation.errorForeground#fff
inputValidation.infoBackground#2E7978
inputValidation.infoBorder#fff5
inputValidation.infoForeground#fff
inputValidation.warningBackground#86722a
inputValidation.warningBorder#fff5
inputValidation.warningForeground#fff
list.activeSelectionBackground#306BAC
list.activeSelectionForeground#ffffff
list.dropBackground#306BAC55
list.errorForeground#D47156
list.focusBackground#050b16
list.highlightForeground#D51B6F
list.hoverBackground#fff2
list.hoverForeground#fff
list.inactiveFocusBackground#fff4
list.inactiveSelectionBackground#306BACCC
list.inactiveSelectionForeground#ffffffCC
list.warningForeground#86722a
menu.background#050b16
menu.border#fff3
menu.foreground#fffc
menu.selectionBackground#2E7978
menu.selectionBorder#fffc
menu.selectionForeground#fff
menu.separatorBackground#D51B6F
menubar.selectionBackground#fff2
menubar.selectionForeground#D51B6F
merge.commonContentBackground#b69b3a44
merge.commonHeaderBackground#b69b3a88
merge.currentContentBackground#0f949244
merge.currentHeaderBackground#0f949288
merge.incomingContentBackground#D51B6F44
merge.incomingHeaderBackground#D51B6F88
minimap.errorHighlight#D51B6F
minimap.findMatchHighlight#fffa
minimap.selectionHighlight#379392
minimap.warningHighlight#b59a05
minimapGutter.addedBackground#379392
minimapGutter.deletedBackground#D51B6F
minimapGutter.modifiedBackground#b59a05
notificationCenter.border#fff2
notificationLink.foreground#D51B6F
notifications.background#050b16
notifications.border#379392
notifications.foreground#fffc
notificationToast.border#fff2
panel.background#050b16
panel.border#D51B6F
panelTitle.activeBorder#D51B6F
panelTitle.activeForeground#fff
panelTitle.inactiveForeground#fff6
peekView.border#5f7e97
peekViewEditor.background#011627
peekViewEditor.matchHighlightBackground#7e57c25a
peekViewResult.background#011627
peekViewResult.fileForeground#5f7e97
peekViewResult.lineForeground#5f7e97
peekViewResult.matchHighlightBackground#ffffffcc
peekViewResult.selectionBackground#2E3250
peekViewResult.selectionForeground#5f7e97
peekViewTitle.background#011627
peekViewTitleDescription.foreground#697098
peekViewTitleLabel.foreground#5f7e97
pickerGroup.border#D51B6F
pickerGroup.foreground#379392
progressBar.background#379392
quickInput.background#0B162D
quickInput.foreground#fffc
scrollbar.shadow#fff4
scrollbarSlider.activeBackground#2E7978
scrollbarSlider.background#2E7978
scrollbarSlider.hoverBackground#2E7978
selection.background#0f9492
sideBar.background#0B162D
sideBar.border#fff5
sideBar.dropBackground#306BAC55
sideBar.foreground#fffc
sideBarSectionHeader.background#050b16
sideBarSectionHeader.border#fff2
sideBarSectionHeader.foreground#ffffff
sideBarTitle.foreground#D51B6F
statusBar.background#881247
statusBar.border#fff5
statusBar.debuggingBackground#306BAC
statusBar.foreground#fff
statusBar.noFolderBackground#050b16
statusBar.noFolderBorder#fff5
statusBarItem.activeBackground#2E7978
statusBarItem.hoverBackground#2E7978
statusBarItem.prominentBackground#306BAC
statusBarItem.prominentHoverBackground#306BAC
tab.activeBorderTop#0f9492
tab.activeForeground#fff
tab.border#fff1
tab.hoverBackground#306BACaa
tab.inactiveBackground#212B40
tab.inactiveForeground#fffa
tab.unfocusedActiveBorderTop#fff0
terminal.ansiBlack#000
terminal.ansiBlue#306BAC
terminal.ansiBrightBlack#fffa
terminal.ansiBrightBlue#306BAC
terminal.ansiBrightCyan#0f9492
terminal.ansiBrightGreen#13c965
terminal.ansiBrightMagenta#610D33
terminal.ansiBrightRed#D51B6F
terminal.ansiBrightWhite#fff
terminal.ansiBrightYellow#E8C547
terminal.ansiCyan#0f9492
terminal.ansiGreen#13c965
terminal.ansiMagenta#610D33
terminal.ansiRed#D51B6F
terminal.ansiWhite#fff
terminal.ansiYellow#b69b3a
terminal.selectionBackground#fff3
terminalCursor.background#fff
terminalCursor.foreground#D51B6Faa
textBlockQuote.background#fff2
textBlockQuote.border#D51B6F
textLink.activeForeground#2E7978
textLink.foreground#D51B6F
textPreformat.foreground#0f9492
titleBar.activeBackground#050b16
titleBar.activeForeground#fff
titleBar.border#fff4
titleBar.inactiveBackground#081326
tree.indentGuidesStroke#fff
walkThrough.embeddedEditorBackground#1b3b5eaa
welcomePage.background#050b16
widget.shadow#13171f
window.activeBorder#fff5
window.inactiveBorder#000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
url, link, uri	—	underline
source.json meta.structure.dictionary.json support.type.property-name.json	#fff	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#be1b64	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#1da359	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#D47156	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#E8C547	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#306BAC	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#da4cce	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7b60c5	—
markup.italic	#C792EA	italic
markup.bold, markup.bold string	#da4cce	bold
text.html.markdown, punctuation.definition.list_item.markdown	#fff	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#D51B6F	—
string.other.link.title.markdown	#306BAC	—
markup.underline	#2E7978	underline
markup.bold markup.italic, markup.italic markup.bold, markup.bold markup.italic string, markup.italic markup.bold string	#D51B6F	bold
markup.quote	#7b60c5	italic
meta.separator, string.other.link.description.title.markdown	#E8C547	bold
markup.table	#32d3d3	—
punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, meta.function-call	#306BAC	—
comment, punctuation.definition.comment	#80929b	italic
variable, variable.parameter, string constant.other.placeholder, entity.other.attribute-name.class, variable.other.readwrite.alias, meta.block variable.other	#D51B6F	—
support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.name.type.class, meta.class	#da4cce	—
storage.type, storage.modifier	#0f9492	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#7b60c5	—
entity.name.function, variable.function, support.function, keyword.other.special-method	#34c274	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, string.regexp, constant.other.color, meta.function-call.arguments, keyword.control.type	#D47156	—
string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.object-literal.key	#4bd1cf	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, constant.character.escape, support.other.variable, string.other.link	#21a5da	—
variable.language	#85addb	italic
support.type, meta.type.annotation, meta.return.type, entity.name.type.interface, meta.type.parameters, meta.interface	#ddbb22	—
entity.other.attribute-name, keyword, constant.language.import-export-all	#C792EA	—
invalid, invalid.illegal	#7c5f5f	—
constant.other.reference.link.markdown, markup.raw.block	#34c274	—

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}!`;
}