Alien Blood

Name: Alien Blood
Author: Thomas Bishop

Publisher: Thomas BishopThemes in package: 1

A muted green dark-theme for VS Code.

Open in VS Code GitHub

VS Code preview

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

Alien Blood — Alien Blood

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#0f1610
activityBar.border#1d4125
activityBar.dropBorder#637d75
activityBar.foreground#2f7e25
activityBar.inactiveForeground#1d4125
activityBarBadge.background#2f7e25
activityBarBadge.foreground#fff
badge.background#2f7e25
button.background#0f1610
button.border#1d4125
button.foreground#637d75
button.secondaryBackground#000e07
button.secondaryForeground#637d75
debugConsole.errorForeground#7f2b27
debugConsole.infoForeground#2f7e25
debugConsole.sourceForeground#647d75
debugConsole.warningForeground#717f24
debugIcon.breakpointCurrentStackframeForeground#e08009
debugIcon.breakpointDisabledForeground#1d4125
debugIcon.breakpointForeground#18e000
debugIcon.breakpointStackframeForeground#00e0c4
debugIcon.continueForeground#00aae0
debugIcon.disconnectForeground#00aae0
debugIcon.pauseForeground#00aae0
debugIcon.restartForeground#2f7e25
debugIcon.startForeground#2f7e25
debugIcon.stepBackForeground#00aae0
debugIcon.stepIntoForeground#00aae0
debugIcon.stepOutForeground#00aae0
debugIcon.stepOverForeground#00aae0
debugIcon.stopForeground#7f2b27
debugTokenExpression.boolean#18e000
debugTokenExpression.error#7f2b27
debugTokenExpression.name#327f77
debugTokenExpression.number#00e0c4
debugTokenExpression.string#647d75
debugToolBar.background#000e07
debugToolBar.border#0f1610
debugView.stateLabelBackground#112616
debugView.stateLabelForeground#18e000
debugView.valueChangedHighlight#bde00080
diffEditor.diagonalFill#647d7550
diffEditor.insertedTextBackground#18e00010
diffEditor.removedTextBackground#7f2b2735
dropdown.background#0f1610
editor.background#0f1610
editor.findMatchBackground#be0c0350
editor.findMatchHighlightBackground#18e00020
editor.focusedStackFrameHighlightBackground#47587f20
editor.foreground#637d75
editor.lineHighlightBackground#1d412520
editor.lineHighlightBorder#ffffff00
editor.selectionBackground#1d412577
editor.snippetFinalTabstopHighlightBackground#1d412544
editor.snippetTabstopHighlightBackground#1d412544
editor.stackFrameHighlightBackground#e0d10013
editor.wordHighlightBackground#3c481260
editor.wordHighlightStrongBackground#647d7550
editorBracketHighlight.foreground1#18e000
editorBracketHighlight.foreground2#e08009
editorBracketHighlight.foreground3#bde000
editorBracketHighlight.foreground4#73fa91
editorBracketHighlight.foreground5#00e0c4
editorCursor.background#0f1610
editorCursor.foreground#73fa91
editorError.foreground#7f2b27
editorGroup.border#1d4125
editorGroupHeader.tabsBackground#000e07
editorLineNumber.activeForeground#637d75
editorLineNumber.foreground#1d4125
editorOverviewRuler.addedForeground#e08009
editorOverviewRuler.deletedForeground#3c4812
editorOverviewRuler.errorForeground#7f2b27
editorOverviewRuler.infoForeground#647d75
editorOverviewRuler.modifiedForeground#73fa9180
editorOverviewRuler.warningForeground#717f24
editorWarning.foreground#717f24
editorWidget.background#000e07
editorWidget.border#1d4125
editorWidget.foreground#637d75
errorForeground#7f2b27
focusBorder#1d4125
gitDecoration.conflictingResourceForeground#7f2b27
gitDecoration.modifiedResourceForeground#717f24
gitDecoration.untrackedResourceForeground#2f7e25
icon.foreground#647d75
input.background#0f1610
input.foreground#637d75
list.activeSelectionBackground#0f1610
list.activeSelectionForeground#637d75
list.errorForeground#7f2b27
list.focusBackground#11261698
list.focusHighlightForeground#2f7e25
list.focusOutline#1d4125
list.highlightForeground#2f7e25
list.hoverBackground#0f1610
list.inactiveSelectionBackground#11261698
list.warningForeground#717f24
menu.background#000e07
menu.foreground#637d75
menu.separatorBackground#0f1610
minimap.errorHighlight#7f2b27
minimap.findMatchHighlight#18e00060
minimap.selectionHighlight#1d4125
minimap.selectionOccurrenceHighlight#bde00070
minimap.warningHighlight#717f24
minimapGutter.addedBackground#e08009
minimapGutter.deletedBackground#3c4812
minimapGutter.modifiedBackground#73fa9190
notificationLink.foreground#2f7e25
notificationsErrorIcon.foreground#7f2b27
notificationsInfoIcon.foreground#2f6a7f
notificationsWarningIcon.foreground#717f24
notificationToast.border#1d4125
panel.background#000e07
panel.border#1d4125
panelSection.border#1d4125
panelSectionHeader.background#0f1610
panelSectionHeader.foreground#637d75
panelTitle.activeBorder#1d4125
panelTitle.activeForeground#637d75
peekView.border#2f7e25
peekViewEditor.background#000e07
peekViewEditor.matchHighlightBackground#1d4125
peekViewResult.background#000e07
peekViewResult.fileForeground#2f7e25
peekViewResult.lineForeground#637d75
peekViewResult.matchHighlightBackground#1d4125
peekViewResult.selectionBackground#0f1610
peekViewTitle.background#000e07
peekViewTitleDescription.foreground#2f7e25
peekViewTitleLabel.foreground#18e000
problemsErrorIcon.foreground#7f2b27
problemsInfoIcon.foreground#2f6a7f
problemsWarningIcon.foreground#717f24
scrollbarSlider.activeBackground#717f24bb
scrollbarSlider.background#11261698
scrollbarSlider.hoverBackground#1d4125bb
selection.background#18e00020
sideBar.background#000e07
sideBar.border#1d4125
sideBar.foreground#637d75
sideBarSectionHeader.background#0f1610
sideBarTitle.foreground#637d75
statusBar.background#000e07
statusBar.border#1d4125
statusBar.debuggingBackground#3c4812
statusBar.debuggingBorder#3c4812
statusBar.debuggingForeground#bde000
statusBar.foreground#637d75
statusBar.noFolderBackground#000e07
statusBar.noFolderBorder#1d4125
statusBar.noFolderForeground#637d75
statusBarItem.activeBackground#0f1610
statusBarItem.errorBackground#7f2b27
statusBarItem.hoverBackground#0f1610
statusBarItem.prominentBackground#112616
statusBarItem.prominentHoverBackground#112616
statusBarItem.warningBackground#bde000
tab.activeBackground#11261698
tab.activeBorder#1d4125
tab.activeForeground#637d75
tab.border#1d4125
tab.inactiveBackground#0f1610
tab.inactiveForeground#637d75
terminal.ansiBlack#112616
terminal.ansiBlue#2f6a7f
terminal.ansiBrightBlack#3c4812
terminal.ansiBrightBlue#00aae0
terminal.ansiBrightCyan#00e0c4
terminal.ansiBrightGreen#717f24
terminal.ansiBrightMagenta#0058e0
terminal.ansiBrightRed#e08009
terminal.ansiBrightWhite#717f24
terminal.ansiBrightYellow#bde000
terminal.ansiCyan#327f77
terminal.ansiGreen#2f7e25
terminal.ansiMagenta#47587f
terminal.ansiRed#e08009
terminal.ansiWhite#647d75
terminal.ansiYellow#717f24
terminal.background#000e07
terminal.foreground#637d75
terminal.selectionBackground#1d4125
terminalCursor.foreground#73fa91
textLink.activeForeground#18e000
textLink.foreground#2f7e25
titleBar.activeBackground#0f1610
titleBar.activeForeground#637d75
titleBar.border#1d4125
titleBar.inactiveBackground#0f1610
widget.shadow#000e07

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
storage.type.function, storage.type.class, keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword, storage.type, storage.modifier, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, source.json meta.structure.dictionary.json support.type.property-name.json, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, storage.modifier.async, storage.modifier.async.ts, support.type.object.module.js, storage.type.property.ts, constant.language.python, storage.modifier.async.ts, storage.modifier.async.js, storage.modifier.async.jsx, storage.modifier.async.tsx, storage.type.function.async.python	#2f7e25	—
entity.name.section.markdown	#18e000bb	—
markdown.heading	#18e000dd	—
variable.other.object, variable, string constant.other.placeholder, meta.block variable.other, constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other, entity.other.attribute-name, markup.quote punctuation.definition.blockquote.markdown, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, variable.other.object.property.js, variable.other.object.property.ts, source.python, meta.function-call.arguments.python	#327f77	—
entity.name.function, entity.name.type.class, entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, 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, 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, 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, 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, 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, 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, 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, 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, string.unquoted.plain.out.yaml, support.function.builtin.python, meta.function-call.python	#717f24	—
entity.name.function.tagged-template, string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.jsx.children.js.jsx, meta.jsx.children.tsx, text.html.markdown, punctuation.definition.list_item.markdown, meta.function-call.js	#637d75	—
support.type, entity.name.type.ts, support.type.primitive.ts, support.class.builtin.ts, support.class.builtin.js, support.class.promise.js, entity.type.annotation.tsx, entity.name.type.module.tsx, entity.name.type.tsx, keyword.control.type.tsx, keyword.control.type.ts, constant.other.option	#47587f	—
invalid, invalid.illegal, markup.quote.markdown	#7f2b27	—
markup.italic, markup.bold, markup.bold string, markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#bde000bb	—
entity.other.attribute-name.class, variable.other.property.js, variable.other.property.ts, support.variable.property.js, support.variable.property.ts, meta.attribute.python, constant.numeric.decimal, constant.numeric.dec.python, constant.numeric.float.python, constant.numeric.integer.shell, constant.language.boolean	#2f6a7f	—
markup.underline, string.other.link.title.markdown	#00e0c4bb	—
comment, punctuation.definition.comment, string.quoted.docstring.multi.python	#5a8055ad	—
markup.quote.markdown	#73fa91bb	—
markup.inline.raw.string.markdown	#e08009bb	—
keyword.control.import.ts, keyword.control.export.ts, keyword.control.import.tsx, keyword.control.export.tsx, keyword.control.import.js, keyword.control.export.js, keyword.control.import.jsx, keyword.control.export.jsx, keyword.control.import.python	#73fa9199	—
keyword.operator.redirect.shell, debugConsole.infoForeground	#73fa9190	—
meta.definition.function, entity.name.type.class, entity.name.section.markdown, markdown.heading, markup.bold, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string, string.other.link.title.markdown	—	bold
storage.type.function, storage.type.class, markup.italic, markup.bold string, comment, punctuation.definition.comment, variable.language, entity.other.inherited-class.ts	—	italic
url, link, uri, markup.underline	—	underline
storage.type.function.arrow	—

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