archangel

Name: archangel
Author: Allam

Publisher: AllamThemes in package: 2

A slight variant of the blackbird theme inspired by the SR-71's older brother, the A-12

GitHub

Color themes

VS Code preview

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

archangel — archangel

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#e92741
activityBar.background#000000
activityBarBadge.background#222029
badge.background#2c2d3a
button.background#000000
button.foreground#e92741
button.hoverBackground#000000
checkbox.background#000000
contrastBorder#3c3947
debugIcon.breakpointForeground#e92741
debugIcon.pauseForeground#418EDD
debugIcon.restartForeground#3EC841
debugIcon.startForeground#3EC841
debugIcon.stopForeground#e92741
debugToolBar.background#000000
debugToolBar.border#3c3947
diffEditor.insertedTextBackground#3EC84130
diffEditor.removedTextBackground#e9274130
dropdown.background#000000
dropdown.border#3c3947
dropdown.foreground#ffffff
editor.background#000000
editor.findMatchBackground#222029
editor.findMatchHighlightBackground#3c3847
editor.foreground#ffffff
editor.selectionBackground#3c3847
editor.selectionHighlightBackground#222029
editor.snippetFinalTabstopHighlightBorder#e92741
editor.snippetTabstopHighlightBackground#00000000
editor.snippetTabstopHighlightBorder#00000000
editor.wordHighlightBackground#222029
editor.wordHighlightStrongBackground#3c3847
editorCursor.foreground#ffffff
editorError.foreground#e92741
editorGroup.border#3c3947
editorGroup.dropBackground#0f0f11
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#3c3947
editorGutter.addedBackground#3EC841
editorGutter.deletedBackground#e92741
editorGutter.modifiedBackground#e0d561
editorIndentGuide.activeBackground#343c50
editorIndentGuide.background#222029
editorInfo.foreground#418EDD
editorLineNumber.activeForeground#ffffff
editorLineNumber.foreground#343c50
editorPane.background#000000
editorRuler.foreground#222029
editorSuggestWidget.background#000000
editorSuggestWidget.border#3c3947
editorSuggestWidget.selectedBackground#0f0f11
editorWarning.foreground#e0d561
editorWidget.background#000000
editorWidget.border#3c3947
errorForeground#e92741
errorLens.errorForeground#e92741
errorLens.infoForeground#418EDD
errorLens.warningForeground#e0d561
focusBorder#494555
foreground#ffffff
gitDecoration.addedResourceForeground#3EC841
gitDecoration.deletedResourceForeground#e92741
gitDecoration.modifiedResourceForeground#e0d561
gitDecoration.renamedResourceForeground#418EDD
gitDecoration.stageModifiedResourceForeground#e0d561
gitDecoration.untrackedResourceForeground#3EC841
icon.foreground#ffffff
input.background#000000
input.border#3c3947
inputOption.activeBorder#e92741
list.activeSelectionBackground#0f0f11
list.dropBackground#0f0f11
list.errorForeground#e92741
list.focusBackground#0f0f11
list.highlightForeground#e92741
list.hoverBackground#0f0f11
list.inactiveFocusOutline#ffffff
list.inactiveSelectionBackground#000000
listFilterWidget.noMatchesOutline#e92741
minimap.errorHighlight#e92741
minimap.selectionHighlight#2c2d3a
minimap.warningHighlight#e0d561
minimapGutter.addedBackground#3EC841
minimapGutter.deletedBackground#e92741
minimapGutter.modifiedBackground#e0d561
notificationCenter.border#3c3947
notificationCenterHeader.background#000000
notifications.background#000000
notifications.border#3c3947
notificationsErrorIcon.foreground#e92741
notificationsInfoIcon.foreground#e92741
notificationsWarningIcon.foreground#e0d561
notificationToast.border#3c3947
panel.border#3c3947
panelSection.border#3c3947
panelSectionHeader.border#13131a
panelTitle.activeForeground#ffffff
progressBar.background#e92741
quickInput.background#000000
rust_analyzer.inlayHints.foreground#5a637e
settings.modifiedItemIndicator#e92741
settings.textInputBorder#3c3947
sideBar.background#000000
sideBar.border#3c3947
sideBar.dropBackground#0f0f11
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#3c3947
sideBarSectionHeader.foreground#e92741
sideBarTitle.foreground#ffffff
statusBar.background#000000
statusBar.border#3c3947
statusBar.debuggingBackground#e0d561
statusBar.debuggingForeground#000000
statusBar.foreground#ffffff
statusBar.noFolderBackground#000000
statusBarItem.errorBackground#e92741
symbolIcon.arrayForeground#418EDD
symbolIcon.booleanForeground#00ecd8
symbolIcon.classForeground#e92741
symbolIcon.constantForeground#418EDD
symbolIcon.constructorForeground#e92741
symbolIcon.enumeratorForeground#e92741
symbolIcon.enumeratorMemberForeground#418EDD
symbolIcon.fieldForeground#418EDD
symbolIcon.functionForeground#3EC841
symbolIcon.interfaceForeground#e92741
symbolIcon.methodForeground#3EC841
symbolIcon.numberForeground#418EDD
symbolIcon.structForeground#e92741
symbolIcon.variableForeground#418EDD
tab.activeBackground#121214
tab.activeBorderTop#418EDD
tab.activeForeground#ffffff
tab.activeModifiedBorder#e0d561
tab.border#3c3947
tab.inactiveBackground#000000
tab.inactiveForeground#ffffff
terminal.ansiBlack#222029
terminal.ansiBlue#418EDD
terminal.ansiBrightBlack#343C50
terminal.ansiBrightBlue#418EDD
terminal.ansiBrightCyan#00ecd8
terminal.ansiBrightGreen#3EC841
terminal.ansiBrightMagenta#ff00cc
terminal.ansiBrightRed#e92741
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e0d561
terminal.ansiCyan#00ecd8
terminal.ansiGreen#3EC841
terminal.ansiMagenta#ff00cc
terminal.ansiRed#e92741
terminal.ansiWhite#ffffff
terminal.ansiYellow#e0d561
terminal.border#3c3947
terminal.foreground#ffffff
terminal.selectionBackground#343c50
terminalCursor.foreground#ffffff
testing.iconFailed#e92741
testing.iconPassed#3EC841
textBlockQuote.border#418EDD
textLink.activeForeground#e92741
textLink.foreground#e92741
titleBar.activeBackground#000000
titleBar.activeForeground#418EDD
titleBar.border#3c3947
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#ffffff
tree.indentGuidesStroke#ffffff
welcomePage.background#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, meta.selector.css, keyword.control.at-rule.media.css, storage.modifier, keyword.control.export, variable.language.this	#e92741	italic
entity.other.attribute-name, support.type.property-name.css, support.class.latex, keyword.key, constant.other.caps, punctuation.section.function, punctuation.separator.list.comma, keyword.operator.namespace.rust, punctuation.brackets, punctuation.comma, fenced_code.block.language, punctuation.definition.attribute.rust, support.type.object.module, keyword.operator.accessor.js	#ffffff
entity.name.tag, markup.heading, support.type.property-name, entity.other.attribute-name.table.toml	#e92741	bold
keyword.operator.assignment.equal, punctuation.definition.keyValuePair.toml, keyword.other.special-method, constant.other.math.tex, support.class, constant.character.math.tex, punctuation.definition.table.toml, entity.other.attribute-name.table.array.toml, keyword.operator.assignment, punctuation.separator.key-value.html	#e92741
string, punctuation.definition.string	#e0d561
keyword.operator, constant.numeric, support.class.math, constant.character.math, entity.other.keyframe-offset.percentage.css, punctuation.math.begin.bracket.curly, punctuation.math.end.bracket.curly, punctuation.math.operator.latex, constant.numeric.css, keyword.other.unit, keyword.operator.access.dot, keyword.operator.key-value, support.class.component, punctuation.other.period, punctuation.definition.list.begin.markdown, punctuation.math.begin.bracket.round, punctuation.math.end.bracket.round, punctuation.accessor	#418EDD
support.class.math, constant.character.math	#418EDD	italic
entity.name.function, support.function, meta.function-call.generic, entity.other.attribute-name.pseudo-element.css, constant.other.general.math.tex, entity.other.attribute-name.class, keyword.control.label.latex, constant.character.math.tex, constant.other.math.tex	#3EC841
meta.template.expression, entity.quasi.element, meta.return-type, support.type.primitive, entity.name.type, variable.argument.css, meta.fstring.python, constant.character.format.placeholder.other.python, support.class.builtin, support.class	#ff9900
comment, punctuation.definition.tag, punctuation.definition.markdown	#5a637e
storage, entity.other.attribute-name.json, constant, keyword.control.default, variable.parameter.function.latex, entity.other.attribute-name.pseudo-element.css, meta.separator, markup.italic.markdown, support.constant.property-value.css, support.type.object.module, support.type.primitive	#00ecd8	italic
constant.character.escape, constant.other.placeholder	#00ecd8
markup.bold.markdown	#00ecd8	bold

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