Nightingale

Name: Nightingale
Author: Adebiyi Adedotun

Publisher: Adebiyi AdedotunThemes in package: 1

For nocturnal folks looking to code away into the scenery of the beautiful night

GitHub

VS Code preview

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

Nightingale — Nightingale

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#34513c
activityBar.activeBorder#a5ffbe
activityBar.activeFocusBorder#a5ffbe
activityBar.background#0d140f
activityBar.border#1f3726
activityBar.foreground#a5ffbe
activityBar.inactiveForeground#a5ffbe
activityBarBadge.background#ffc680
activityBarBadge.foreground#0d140f
badge.background#1f3726
badge.foreground#a5ffbe
breadcrumb.activeSelectionForeground#a5ffbe
breadcrumb.background#0d140f
breadcrumb.focusForeground#a5ffbe
breadcrumb.foreground#ffc68088
button.background#34513c
button.foreground#ffffff
button.hoverBackground#34513c
checkbox.background#0d140f
checkbox.border#a5ffbe
checkbox.foreground#ffffff
contrastActiveBorder#1f3726
contrastBorder#1f3726
diffEditor.border#1f3726
diffEditor.diagonalFill#ffc680
diffEditor.insertedTextBackground#1d4225
diffEditor.insertedTextBorder#1f3726
diffEditor.removedTextBackground#18271c
diffEditor.removedTextBorder#1f3726
dropdown.background#0d140f
dropdown.border#1f3726
dropdown.foreground#a5ffbe
dropdown.listBackground#0d140f
editor.background#0a0f0b
editor.findMatchBackground#a05a37
editor.findMatchBorder#a05a37
editor.findMatchHighlightBackground#a05a37
editor.findRangeHighlightBackground#333
editor.findRangeHighlightBorder#111
editor.foldBackground#0e0d0d
editor.foreground#d6deeb
editor.hoverHighlightBackground#574e49
editor.inactiveSelectionBackground#8f6954
editor.lineHighlightBackground#222222
editor.lineHighlightBorder#444444
editor.rangeHighlightBackground#000000
editor.rangeHighlightBorder#0e0d0d
editor.selectionBackground#574e49
editor.selectionForeground#000000
editor.selectionHighlightBackground#24201e
editor.selectionHighlightBorder#ff5400
editor.symbolHighlightBackground#ff0000
editor.symbolHighlightBorder#ff0000
editor.wordHighlightBackground#55453c
editor.wordHighlightBorder#ad9a8e
editor.wordHighlightStrongBackground#55453c
editor.wordHighlightStrongBorder#ad9a8e
editorBracketMatch.background#111111
editorBracketMatch.border#501b30
editorCodeLens.foreground#574e49
editorCursor.background#ffff00
editorCursor.foreground#ffc680
editorError.border#ff5499
editorError.foreground#ff0000
editorGroup.border#1f3726
editorGroup.dropBackground#0d140fc4
editorGroup.emptyBackground#0a0f0b
editorGroupHeader.border#1f3726
editorGroupHeader.noTabsBackground#0d140f
editorGroupHeader.tabsBackground#07160a
editorGutter.addedBackground#2c692a
editorGutter.background#0e0d0d
editorGutter.commentRangeForeground#ff0000
editorGutter.deletedBackground#ff0000
editorGutter.modifiedBackground#693f2a
editorHint.border#333333
editorHint.foreground#333333
editorHoverWidget.background#0d140f
editorHoverWidget.border#1f3726
editorHoverWidget.foreground#ffc680
editorHoverWidget.statusBarBackground#1f3726
editorIndentGuide.activeBackground#ff5400
editorIndentGuide.background#501b01
editorInfo.border#2c692a
editorInfo.foreground#333333
editorLightBulb.foreground#ffc680
editorLightBulbAutoFix.foreground#ffc680
editorLineNumber.activeForeground#ff0000
editorLineNumber.foreground#ffc680
editorLink.activeForeground#ff5499
editorMarkerNavigation.background#0d140f
editorOverviewRuler.border#333333
editorOverviewRuler.findMatchForeground#ff5400
editorOverviewRuler.rangeHighlightForeground#000000
editorOverviewRuler.selectionHighlightForeground#ff0000
editorOverviewRuler.wordHighlightForeground#000000
editorPane.background#0d140f
editorRuler.foreground#ff0000
editorSuggestWidget.background#0d140f
editorSuggestWidget.border#1f3726
editorSuggestWidget.foreground#ffc680
editorSuggestWidget.highlightForeground#a5ffbe
editorSuggestWidget.selectedBackground#34513c
editorUnnecessaryCode.border#999999
editorUnnecessaryCode.opacity#000000c0
editorWarning.border#ff0000
editorWarning.foreground#ff0000
editorWhitespace.foreground#501b01
editorWidget.background#0d140f
editorWidget.border#1f3726
editorWidget.foreground#ffc680
editorWidget.resizeBorder#1f3726
extensionBadge.remoteBackground#ffc680
extensionBadge.remoteForeground#000
extensionButton.prominentBackground#ffc680
extensionButton.prominentForeground#000
extensionButton.prominentHoverBackground#ffc680
focusBorder#1f3726
foreground#ffc680
gitDecoration.addedResourceForeground#a49fff
gitDecoration.conflictingResourceForeground#ff0000
gitDecoration.deletedResourceForeground#ff0000
gitDecoration.ignoredResourceForeground#a5ffbe4b
gitDecoration.modifiedResourceForeground#ffc680
gitDecoration.submoduleResourceForeground#ffc680
gitDecoration.untrackedResourceForeground#a49fff
icon.foreground#a5ffbe
imagePreview.border#a5ffbe
input.background#0a0f0b
input.border#0d140f
input.foreground#ffc680
input.placeholderForeground#f9f9f9
inputOption.activeBackground#34513c
inputOption.activeBorder#a5ffbe
inputOption.activeForeground#a5ffbe
inputValidation.errorBackground#180605
inputValidation.errorBorder#1f3726
inputValidation.errorForeground#fab3ae
list.activeSelectionBackground#34513c
list.activeSelectionForeground#a5ffbe
list.deemphasizedForeground#ff0000
list.dropBackground#34513c
list.errorForeground#f07970
list.filterMatchBackground#247039
list.filterMatchBorder#a5ffbe
list.focusBackground#18271c
list.focusForeground#a5ffbe
list.hoverBackground#34513c
list.hoverForeground#fff
list.inactiveFocusBackground#18271c
list.inactiveSelectionBackground#34513c
list.inactiveSelectionForeground#a5ffbe
listFilterWidget.background#0d140f
listFilterWidget.noMatchesOutline#ff0000
listFilterWidget.outline#1f3726
minimap.background#0d140f
minimap.errorHighlight#ff0000
minimap.findMatchHighlight#a5ffbe
minimap.selectionHighlight#a5ffbe
minimap.warningHighlight#ffff00
minimapGutter.addedBackground#a5ffbe
minimapSlider.activeBackground#a5ffbe3b
minimapSlider.background#a5ffbe3b
minimapSlider.hoverBackground#a5ffbe3b
notificationCenter.border#1f3726
notificationCenterHeader.background#0d140f
notificationCenterHeader.foreground#a5ffbe
notificationLink.foreground#635bff
notifications.background#0d140f
notifications.border#1f3726
notifications.foreground#fff
notificationsErrorIcon.foreground#ff0000
notificationsInfoIcon.foreground#a5ffbe
notificationsWarningIcon.foreground#ffc680
notificationToast.border#1f3726
panel.background#0d140f
panel.border#1f3726
panelInput.border#1f3726
panelTitle.activeBorder#a5ffbe
panelTitle.activeForeground#a5ffbe
panelTitle.inactiveForeground#619670
peekView.border#ffc680
peekViewEditor.background#0d140f
peekViewEditor.matchHighlightBackground#a5ffbe3b
peekViewEditor.matchHighlightBorder#ffc680
peekViewEditorGutter.background#0d140f
peekViewResult.background#0d140f
peekViewResult.fileForeground#a5ffbe
peekViewResult.lineForeground#a5ffbe
peekViewResult.matchHighlightBackground#9f5700
peekViewResult.selectionBackground#1f3726
peekViewResult.selectionForeground#ffc680
peekViewTitle.background#1f3726
peekViewTitleDescription.foreground#ffc680
peekViewTitleLabel.foreground#ffc680
pickerGroup.border#1f3726
pickerGroup.foreground#a5ffbe
problemsErrorIcon.foreground#ff0000
problemsInfoIcon.foreground#ff0000
problemsWarningIcon.foreground#ff0000
progressBar.background#a5ffbe
quickInput.background#0d140f
quickInput.foreground#a5ffbe
scm.providerBorder#1f3726
scrollbar.shadow#0d140f
scrollbarSlider.activeBackground#a5ffbe
scrollbarSlider.background#0d140f
scrollbarSlider.hoverBackground#34513c
searchEditor.findMatchBackground#a05a37
searchEditor.findMatchBorder#a05a37
searchEditor.textInputBorder#ff5400
selection.background#0a0f0b
settings.checkboxBackground#0d140f
settings.checkboxBorder#1f3726
settings.checkboxForeground#a5ffbe
settings.dropdownBackground#0d140f
settings.dropdownBorder#1f3726
settings.dropdownForeground#a5ffbe
settings.dropdownListBorder#1f3726
settings.headerForeground#ffc680
settings.modifiedItemIndicator#a5ffbe
settings.numberInputBackground#0d140f
settings.numberInputBorder#1f3726
settings.numberInputForeground#a5ffbe
settings.textInputBackground#0d140f
settings.textInputBorder#1f3726
settings.textInputForeground#a5ffbe
sideBar.background#0d140f
sideBar.border#1f3726
sideBar.foreground#a5ffbe
sideBarSectionHeader.background#34513c
sideBarSectionHeader.border#1f3726
sideBarSectionHeader.foreground#ffffff
sideBarTitle.foreground#ffffff
statusBar.background#0d140f
statusBar.border#1f3726
statusBar.foreground#a5ffbe
statusBar.noFolderBackground#34513c
statusBar.noFolderBorder#1f3726
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#34513c
statusBarItem.hoverBackground#34513c
statusBarItem.remoteBackground#34513c
statusBarItem.remoteForeground#ffffff
tab.activeBackground#1f3726
tab.activeBorder#ffc680
tab.activeBorderTop#1f3726
tab.activeForeground#ffc680
tab.hoverBackground#1f3726
tab.hoverBorder#a5ffbe
tab.hoverForeground#a5ffbe
tab.inactiveBackground#0d140f
tab.inactiveForeground#598a66
tab.unfocusedActiveBackground#0d140f
tab.unfocusedActiveBorder#0d140f
tab.unfocusedActiveBorderTop#0d140f
tab.unfocusedActiveForeground#598a66
tab.unfocusedHoverBackground#34513c
tab.unfocusedHoverBorder#a5ffbe
tab.unfocusedHoverForeground#fff
tab.unfocusedInactiveForeground#598a66
textBlockQuote.background#1b2b1f
textBlockQuote.border#a5ffbe
textLink.activeForeground#a5ffbe
textLink.foreground#ffff
textPreformat.foreground#a5ffbe
titleBar.border#1f3726
titleBar.inactiveBackground#0d140f
titleBar.inactiveForeground#a5ffbe
tree.indentGuidesStroke#a5ffbe
walkThrough.embeddedEditorBackground#0d140f
welcomePage.background#0a0f0b
welcomePage.buttonBackground#0d140f
welcomePage.buttonHoverBackground#1f3726
widget.shadow#0a0f0b
window.activeBorder#1f3726
window.inactiveBorder#1f3726

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#000080	—
comment	#6D6D6D	italic
constant.language, constant.character, constant.other	#EAC66C	—
constant.numeric	#B5CEA8	—
constant.regexp	#646695	—
entity.name.tag	#EAC66C	—
entity.name.tag.css	#D7BA7D	—
entity.other.attribute-name	#d55044	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss	#D7BA7D	—
invalid	#F44747	—
markup.underline	—	underline
markup.bold	#EAC66C	bold
markup.heading	#9BB46E	bold
markup.italic	—	italic
markup.inserted	#B5CEA8	—
markup.deleted	#BF9277	—
markup.changed	#EAC66C	—
beginning.punctuation.definition.quote.markdown	#608B4E	—
beginning.punctuation.definition.list.markdown	#6796E6	—
markup.inline.raw	#BF9277	—
meta.selector	#D7BA7D	—
punctuation.definition.tag	#808080	—
meta.preprocessor	#EAC66C	—
meta.preprocessor.string	#BF9277	—
meta.preprocessor.numeric	#B5CEA8	—
meta.structure.dictionary.key.python	#d55044	—
meta.diff.header	#EAC66C	—
storage	#EAC66C	—
storage.type	#d55044	—
storage.modifier	#EAC66C	—
string	#5b8f65	—
string.tag	#ffc680	—
string.value	#ffc680	—
string.regexp	#D16969	—
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js	#EAC66C	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, keyword.other.class.cs	#d55044	—
keyword	#EAC66C	—
keyword.control	#a5ffbe	—
keyword.operator	#d55044	—
keyword.operator.sigil.rust, keyword.operator.address.go, keyword.operator.misc.rust	#d55044	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python, support.function.builtin.go, support.function.core.rust	#EAC66C	—
keyword.other.unit	#B5CEA8	—
punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php, punctuation.separator.pointer-access.c	#EAC66C	—
punctuation.separator.namespace.access.cpp, variable.parameter	#FA9F50	italic
storage.type.function.js, storage.type.function.python, keyword.function.go, keyword.control.def.ruby	#d55044	italic
support.function.git-rebase	#d55044	—
constant.sha.git-rebase	#B5CEA8	—
storage.modifier.import.java, storage.modifier.package.java	#D4D4D4	—
variable.language, variable.parameter.function.language.special.self.python, keyword.other.this.cs	#d55044	—
entity.name.function, entity.name.type.type-parameter.cs, support.function, support.constant.handlebars, meta.function-call.generic.python	#ffa200	—
meta.return-type, support.class, support.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, keyword.operator.type.annotation.ts, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	#d55044	—
entity.name.type	#FFBD14	—
entity.other.inherited-class	#FFBD14	italic
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json	#9BB46E	—
variable, meta.definition.variable.name, support.variable	#D6D6D6	—
meta.object-literal.key, meta.object-literal.key entity.name.function	#d55044	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#BF9277	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—
storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx	#c792ea	italic

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