blakai-nighty

Name: blakai-nighty
Author: Vasco Rebolo

Publisher: Vasco ReboloThemes in package: 1

Color theme based on blackai theme, with bluish nuances and highlights, and darker tones for the UI.

Open in VS Code GitHub

VS Code preview

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

blakai-nighty — Blakai Nighty

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.activeBorder#f8f8f2
activityBar.background#161616
activityBar.foreground#f8f8f2
activityBar.inactiveForeground#f8f8f266
activityBarBadge.background#007acc
activityBarBadge.foreground#ffffff
badge.background#5f5f5f
badge.foreground#ececec
breadcrumb.activeSelectionForeground#1d95bf
breadcrumb.background#050505
breadcrumb.focusForeground#e0e0e0
breadcrumb.foreground#cccccccc
breadcrumbPicker.background#2c2e29
button.background#434343
button.foreground#ffffff
button.hoverBackground#545454
checkbox.background#464546
checkbox.border#464546
checkbox.foreground#f0f0f0
debugExceptionWidget.background#420b0d
debugExceptionWidget.border#a31515
debugIcon.breakpointCurrentStackframeForeground#ffcc00
debugIcon.breakpointDisabledForeground#848484
debugIcon.breakpointForeground#e51400
debugIcon.breakpointStackframeForeground#89d185
debugIcon.breakpointUnverifiedForeground#848484
debugIcon.continueForeground#75beff
debugIcon.disconnectForeground#f48771
debugIcon.pauseForeground#75beff
debugIcon.restartForeground#89d185
debugIcon.startForeground#89d185
debugIcon.stepBackForeground#75beff
debugIcon.stepIntoForeground#75beff
debugIcon.stepOutForeground#75beff
debugIcon.stepOverForeground#75beff
debugIcon.stopForeground#f48771
debugToolBar.background#11110f
descriptionForeground#ccccccb3
diffEditor.insertedTextBackground#66852880
diffEditor.removedTextBackground#90274a80
dropdown.background#464546
dropdown.border#464546
dropdown.foreground#f0f0f0
editor.background#050505
editor.findMatchBackground#0b5873
editor.findMatchBorder#1d95bf
editor.findMatchHighlightBackground#333333
editor.findRangeHighlightBackground#3a3d4166
editor.focusedStackFrameHighlightBackground#7abd7a4d
editor.foldBackground#0333424d
editor.foreground#c0c0c0
editor.hoverHighlightBackground#264f7840
editor.inactiveSelectionBackground#03334280
editor.lineHighlightBackground#181818
editor.lineHighlightBorder#282828
editor.rangeHighlightBackground#ffffff0b
editor.selectionBackground#033342
editor.selectionHighlightBackground#02252f99
editor.snippetFinalTabstopHighlightBorder#525252
editor.snippetTabstopHighlightBackground#7c7c7c4d
editor.stackFrameHighlightBackground#ffff0033
editor.symbolHighlightBackground#333333
editor.wordHighlightBackground#0b5873
editor.wordHighlightBorder#1d95bf
editor.wordHighlightStrongBackground#0b5873
editorBracketMatch.background#0b5873
editorBracketMatch.border#1d95bf
editorCodeLens.foreground#999999
editorCursor.foreground#f8f8f0
editorError.foreground#f48771
editorGroup.border#414339
editorGroup.dropBackground#41433980
editorGroupHeader.noTabsBackground#050505
editorGroupHeader.tabsBackground#1a1a1a
editorGutter.addedBackground#587c0c
editorGutter.background#050505
editorGutter.commentRangeForeground#c5c5c5
editorGutter.deletedBackground#94151b
editorGutter.modifiedBackground#0c7d9d
editorHint.foreground#eeeeeeb3
editorHoverWidget.background#414339
editorHoverWidget.border#75715e
editorHoverWidget.foreground#cccccc
editorHoverWidget.statusBarBackground#4e5044
editorIndentGuide.activeBackground#464741
editorIndentGuide.background#464741
editorInfo.foreground#75beff
editorLightBulb.foreground#ffcc00
editorLightBulbAutoFix.foreground#75beff
editorLineNumber.activeForeground#f3f3f3
editorLineNumber.foreground#575757
editorLink.activeForeground#4e94ce
editorMarkerNavigation.background#2d2d30
editorMarkerNavigationError.background#f48771
editorMarkerNavigationInfo.background#75beff
editorMarkerNavigationWarning.background#cca700
editorOverviewRuler.addedForeground#587c0c99
editorOverviewRuler.border#7f7f7f4d
editorOverviewRuler.bracketMatchForeground#a0a0a0
editorOverviewRuler.commonContentForeground#60606066
editorOverviewRuler.currentContentForeground#40c8ae80
editorOverviewRuler.deletedForeground#94151b99
editorOverviewRuler.errorForeground#ff1212b3
editorOverviewRuler.findMatchForeground#d186167e
editorOverviewRuler.incomingContentForeground#40a6ff80
editorOverviewRuler.infoForeground#75beff
editorOverviewRuler.modifiedForeground#0c7d9d99
editorOverviewRuler.rangeHighlightForeground#007acc99
editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
editorOverviewRuler.warningForeground#cca700
editorOverviewRuler.wordHighlightForeground#a0a0a0cc
editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
editorPane.background#050505
editorRuler.foreground#222222
editorSuggestWidget.background#272822
editorSuggestWidget.border#75715e
editorSuggestWidget.foreground#c0c0c0
editorSuggestWidget.highlightForeground#f8f8f2
editorSuggestWidget.selectedBackground#022833
editorUnnecessaryCode.opacity#000000aa
editorWarning.foreground#cca700
editorWhitespace.foreground#464741
editorWidget.background#2c2e29
editorWidget.border#454545
editorWidget.foreground#cccccc
errorForeground#f48771
extensionBadge.remoteBackground#007acc
extensionBadge.remoteForeground#ffffff
extensionButton.prominentBackground#327e36
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#28632b
focusBorder#464646
foreground#cccccc
gitDecoration.addedResourceForeground#81b88b
gitDecoration.conflictingResourceForeground#6c6cc4
gitDecoration.deletedResourceForeground#c74e39
gitDecoration.ignoredResourceForeground#8c8c8c
gitDecoration.modifiedResourceForeground#8db9e2
gitDecoration.submoduleResourceForeground#8db9e2
gitDecoration.untrackedResourceForeground#73c991
gitlens.gutterBackgroundColor#ffffff13
gitlens.gutterForegroundColor#bebebe
gitlens.gutterUncommittedForegroundColor#00bcf299
gitlens.lineHighlightBackgroundColor#00bcf233
gitlens.lineHighlightOverviewRulerColor#00bcf299
gitlens.trailingLineBackgroundColor#00000000
gitlens.trailingLineForegroundColor#99999959
icon.foreground#c5c5c5
input.background#464446
input.foreground#cccccc
input.placeholderForeground#cccccc80
inputOption.activeBackground#46464680
inputOption.activeBorder#75715e
inputValidation.errorBackground#90274a
inputValidation.errorBorder#f92672
inputValidation.infoBackground#546190
inputValidation.infoBorder#819aff
inputValidation.warningBackground#848528
inputValidation.warningBorder#e2e22e
list.activeSelectionBackground#022833
list.activeSelectionForeground#ffffff
list.dropBackground#414339
list.errorForeground#f88070
list.filterMatchBackground#333333
list.focusBackground#022833
list.highlightForeground#f8f8f2
list.hoverBackground#033342
list.inactiveSelectionBackground#181818
list.invalidItemForeground#b89500
list.warningForeground#cca700
listFilterWidget.background#653723
listFilterWidget.noMatchesOutline#be1100
listFilterWidget.outline#00000000
menu.background#464546
menu.foreground#f0f0f0
menu.selectionBackground#022833
menu.selectionForeground#ffffff
menu.separatorBackground#bbbbbb
menubar.selectionBackground#ffffff1a
menubar.selectionForeground#cccccc
merge.commonContentBackground#60606029
merge.commonHeaderBackground#60606066
merge.currentContentBackground#40c8ae33
merge.currentHeaderBackground#40c8ae80
merge.incomingContentBackground#40a6ff33
merge.incomingHeaderBackground#40a6ff80
minimap.errorHighlight#ff1212b3
minimap.findMatchHighlight#d18616
minimap.selectionHighlight#264f78
minimap.warningHighlight#cca700
minimapGutter.addedBackground#587c0c
minimapGutter.deletedBackground#94151b
minimapGutter.modifiedBackground#0c7d9d
minimapSlider.activeBackground#bfbfbf33
minimapSlider.background#0d0d0d80
minimapSlider.hoverBackground#64646459
notificationCenterHeader.background#393c35
notificationLink.foreground#3794ff
notifications.background#2c2e29
notifications.border#393c35
notifications.foreground#cccccc
notificationsErrorIcon.foreground#f48771
notificationsInfoIcon.foreground#75beff
notificationsWarningIcon.foreground#cca700
panel.background#050505
panel.border#414339
panelTitle.activeBorder#75715e
panelTitle.activeForeground#f8f8f2
panelTitle.inactiveForeground#75715e
peekView.border#75715e
peekViewEditor.background#272822
peekViewEditor.matchHighlightBackground#525252
peekViewEditorGutter.background#272822
peekViewResult.background#1e1f1c
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#bbbbbb
peekViewResult.matchHighlightBackground#525252
peekViewResult.selectionBackground#20211d
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#1e1f1c
peekViewTitleDescription.foreground#ccccccb3
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#3f3f46
pickerGroup.foreground#75715e
problemsErrorIcon.foreground#f48771
problemsInfoIcon.foreground#75beff
problemsWarningIcon.foreground#cca700
progressBar.background#75715e
quickInput.background#070707
quickInput.foreground#7d7d7d
scrollbar.shadow#000000
scrollbarSlider.activeBackground#bfbfbf66
scrollbarSlider.background#0d0d0d
scrollbarSlider.hoverBackground#646464b3
searchEditor.findMatchBackground#333333a8
selection.background#373737
settings.checkboxBackground#464546
settings.checkboxBorder#464546
settings.checkboxForeground#f0f0f0
settings.dropdownBackground#464546
settings.dropdownBorder#464546
settings.dropdownForeground#f0f0f0
settings.dropdownListBorder#454545
settings.headerForeground#e7e7e7
settings.modifiedItemIndicator#0c7d9d
settings.numberInputBackground#464446
settings.numberInputForeground#cccccc
settings.textInputBackground#464446
settings.textInputForeground#cccccc
sideBar.background#070707
sideBar.border#222222
sideBar.dropBackground#ffffff1f
sideBar.foreground#7d7d7d
sideBarSectionHeader.background#131313
sideBarSectionHeader.foreground#7d7d7d
sideBarTitle.foreground#ffffff
statusBar.background#111111
statusBar.debuggingBackground#75715e
statusBar.debuggingForeground#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#414339
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#ffffff2e
statusBarItem.hoverBackground#ffffff1f
statusBarItem.prominentBackground#00000080
statusBarItem.prominentForeground#ffffff
statusBarItem.prominentHoverBackground#0000004d
statusBarItem.remoteBackground#007acc
statusBarItem.remoteForeground#ffffff
symbolIcon.arrayForeground#cccccc
symbolIcon.booleanForeground#cccccc
symbolIcon.classForeground#ee9d28
symbolIcon.colorForeground#cccccc
symbolIcon.constantForeground#cccccc
symbolIcon.constructorForeground#b180d7
symbolIcon.enumeratorForeground#ee9d28
symbolIcon.enumeratorMemberForeground#75beff
symbolIcon.eventForeground#ee9d28
symbolIcon.fieldForeground#75beff
symbolIcon.fileForeground#cccccc
symbolIcon.folderForeground#cccccc
symbolIcon.functionForeground#b180d7
symbolIcon.interfaceForeground#75beff
symbolIcon.keyForeground#cccccc
symbolIcon.keywordForeground#cccccc
symbolIcon.methodForeground#b180d7
symbolIcon.moduleForeground#cccccc
symbolIcon.namespaceForeground#cccccc
symbolIcon.nullForeground#cccccc
symbolIcon.numberForeground#cccccc
symbolIcon.objectForeground#cccccc
symbolIcon.operatorForeground#cccccc
symbolIcon.packageForeground#cccccc
symbolIcon.propertyForeground#cccccc
symbolIcon.referenceForeground#cccccc
symbolIcon.snippetForeground#cccccc
symbolIcon.stringForeground#cccccc
symbolIcon.structForeground#cccccc
symbolIcon.textForeground#cccccc
symbolIcon.typeParameterForeground#cccccc
symbolIcon.unitForeground#cccccc
symbolIcon.variableForeground#75beff
tab.activeBackground#050505
tab.activeBorder#050505
tab.activeBorderTop#1e5672
tab.activeForeground#fff
tab.activeModifiedBorder#3399cc
tab.border#222222
tab.hoverBorder#1e5672
tab.hoverForeground#fff
tab.inactiveBackground#1a1a1a
tab.inactiveForeground#ccccc7
tab.inactiveModifiedBorder#3399cc80
tab.unfocusedActiveBackground#050505
tab.unfocusedActiveForeground#7bceec80
tab.unfocusedActiveModifiedBorder#3399cc80
tab.unfocusedHoverBorder#44444480
tab.unfocusedInactiveForeground#ccccc780
tab.unfocusedInactiveModifiedBorder#3399cc40
terminal.ansiBlack#333333
terminal.ansiBlue#6a7ec8
terminal.ansiBrightBlack#666666
terminal.ansiBrightBlue#819aff
terminal.ansiBrightCyan#66d9ef
terminal.ansiBrightGreen#a6e22e
terminal.ansiBrightMagenta#6f61ee
terminal.ansiBrightRed#f92672
terminal.ansiBrightWhite#f8f8f2
terminal.ansiBrightYellow#e2e22e
terminal.ansiCyan#56adbc
terminal.ansiGreen#86b42b
terminal.ansiMagenta#8c6bc8
terminal.ansiRed#c4265e
terminal.ansiWhite#e3e3dd
terminal.ansiYellow#b3b42b
terminal.background#050505
terminal.border#414339
terminal.foreground#cccccc
terminal.selectionBackground#ffffff40
textBlockQuote.background#7f7f7f1a
textBlockQuote.border#007acc80
textCodeBlock.background#0a0a0a66
textLink.activeForeground#3794ff
textLink.foreground#3794ff
textPreformat.foreground#d7ba7d
textSeparator.foreground#ffffff2e
titleBar.activeBackground#111111
titleBar.activeForeground#cccccc
titleBar.border#292929
titleBar.inactiveBackground#11111199
titleBar.inactiveForeground#cccccc99
tree.indentGuidesStroke#585858
widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#75715E	italic
string	#00c44b	—
punctuation.definition.template-expression, punctuation.section.embedded.coffee	#F92672	—
meta.template.expression	#F8F8F2	—
constant.numeric	#4c8ec4	bold
constant.language	#AE81FF	—
constant.character, constant.other	#599df5	—
variable	#D3D3D3
keyword	#f55a6f	—
storage	#F92672
storage.type	#66D9EF	italic
entity.name.type, entity.name.class	#A6E22E	underline
variable.other, variable.js, punctuation.separator.variable	#9CCBD1
entity.other.inherited-class	#A6E22E	italic underline
entity.name.function	#90C920	italic
variable.parameter	#1ea0cf	italic
entity.name.tag	#1d95bf
entity.other.attribute-name	#A6E22E
support.function	#66D9EF	italic
support.constant	#207dbb
support.type, support.class	#66D9EF	italic
support.other.variable	—
invalid	#F8F8F0
invalid.deprecated	#F8F8F0	—
meta.structure.dictionary.json string.quoted.double.json	#CFCFC2	—
meta.diff, meta.diff.header	#75715E	—
markup.deleted	#F92672	—
markup.inserted	#A6E22E	—
markup.changed	#E6DB74	—
constant.numeric.line-number.find-in-files - match	#3dfa3da0	—
entity.name.filename.find-in-files	#E6DB74	—
markup.quote	#F92672	—
markup.list	#E6DB74	—
markup.bold, markup.italic	#66D9EF	—
markup.inline.raw	#FD971F
markup.heading	#A6E22E	—
markup.heading.setext	#A6E22E
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—
variable.language	#4f75c7	—

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