Alucard Nocturne

Name: Alucard Nocturne
Author: Edmo

Publisher: EdmoThemes in package: 2

A sophisticated VS Code theme inspired by Castlevania's aesthetic, featuring both dark and light variants.

GitHub

Color themes

VS Code preview

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

Alucard Nocturne — Alucard Theme

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#4d9375
activityBar.background#222
activityBar.border#252525
activityBar.foreground#dbd7caee
activityBar.inactiveForeground#dedcd550
activityBarBadge.background#bfbaaa
activityBarBadge.foreground#222
badge.background#dedcd590
badge.foreground#222
breadcrumb.activeSelectionForeground#eeeeee18
breadcrumb.background#292929
breadcrumb.focusForeground#dbd7caee
breadcrumb.foreground#959da5
breadcrumbPicker.background#222
button.background#4d9375
button.foreground#222
button.hoverBackground#4d9375
checkbox.background#292929
checkbox.border#2f363d
debugToolBar.background#222
descriptionForeground#dedcd590
diffEditor.insertedTextBackground#4d937550
diffEditor.removedTextBackground#ab595950
dropdown.background#222
dropdown.border#252525
dropdown.foreground#dbd7caee
dropdown.listBackground#292929
editor.background#222
editor.findMatchBackground#e6cc7722
editor.findMatchHighlightBackground#e6cc7744
editor.focusedStackFrameHighlightBackground#b808
editor.foldBackground#eeeeee10
editor.foreground#dbd7caee
editor.inactiveSelectionBackground#eeeeee10
editor.lineHighlightBackground#292929
editor.selectionBackground#eeeeee18
editor.selectionHighlightBackground#eeeeee10
editor.stackFrameHighlightBackground#a707
editor.wordHighlightBackground#1c6b4805
editor.wordHighlightStrongBackground#1c6b4810
editorBracketHighlight.foreground1#5eaab5
editorBracketHighlight.foreground2#4d9375
editorBracketHighlight.foreground3#d4976c
editorBracketHighlight.foreground4#d9739f
editorBracketHighlight.foreground5#e6cc77
editorBracketHighlight.foreground6#6394bf
editorBracketMatch.background#4d937520
editorError.foreground#cb7676
editorGroup.border#252525
editorGroupHeader.tabsBackground#222
editorGroupHeader.tabsBorder#252525
editorGutter.addedBackground#4d9375
editorGutter.commentRangeForeground#dedcd550
editorGutter.deletedBackground#cb7676
editorGutter.foldingControlForeground#dedcd590
editorGutter.modifiedBackground#6394bf
editorHint.foreground#4d9375
editorIndentGuide.activeBackground#ffffff30
editorIndentGuide.background#ffffff15
editorInfo.foreground#6394bf
editorInlayHint.background#292929
editorInlayHint.foreground#666666
editorLineNumber.activeForeground#bfbaaa
editorLineNumber.foreground#dedcd550
editorOverviewRuler.border#111
editorStickyScroll.background#292929
editorStickyScrollHover.background#292929
editorWarning.foreground#d4976c
editorWhitespace.foreground#ffffff15
editorWidget.background#222
errorForeground#cb7676
focusBorder#00000000
foreground#dbd7caee
gitDecoration.addedResourceForeground#4d9375
gitDecoration.conflictingResourceForeground#d4976c
gitDecoration.deletedResourceForeground#cb7676
gitDecoration.ignoredResourceForeground#dedcd550
gitDecoration.modifiedResourceForeground#6394bf
gitDecoration.submoduleResourceForeground#dedcd590
gitDecoration.untrackedResourceForeground#5eaab5
input.background#292929
input.border#252525
input.foreground#dbd7caee
input.placeholderForeground#dedcd590
inputOption.activeBackground#dedcd550
list.activeSelectionBackground#292929
list.activeSelectionForeground#dbd7caee
list.focusBackground#292929
list.highlightForeground#4d9375
list.hoverBackground#292929
list.hoverForeground#dbd7caee
list.inactiveFocusBackground#222
list.inactiveSelectionBackground#292929
list.inactiveSelectionForeground#dbd7caee
menu.separatorBackground#252525
notificationCenterHeader.background#222
notificationCenterHeader.foreground#959da5
notifications.background#222
notifications.border#252525
notifications.foreground#dbd7caee
notificationsErrorIcon.foreground#cb7676
notificationsInfoIcon.foreground#6394bf
notificationsWarningIcon.foreground#d4976c
panel.background#222
panel.border#252525
panelInput.border#2f363d
panelTitle.activeBorder#4d9375
panelTitle.activeForeground#dbd7caee
panelTitle.inactiveForeground#959da5
peekViewEditor.background#222
peekViewEditor.matchHighlightBackground#ffd33d33
peekViewResult.background#222
peekViewResult.matchHighlightBackground#ffd33d33
pickerGroup.border#252525
pickerGroup.foreground#dbd7caee
problemsErrorIcon.foreground#cb7676
problemsInfoIcon.foreground#6394bf
problemsWarningIcon.foreground#d4976c
progressBar.background#4d9375
quickInput.background#222
quickInput.foreground#dbd7caee
quickInputList.focusBackground#292929
scrollbar.shadow#0000
scrollbarSlider.activeBackground#dedcd550
scrollbarSlider.background#dedcd510
scrollbarSlider.hoverBackground#dedcd550
settings.headerForeground#dbd7caee
settings.modifiedItemIndicator#4d9375
sideBar.background#222
sideBar.border#252525
sideBar.foreground#bfbaaa
sideBarSectionHeader.background#222
sideBarSectionHeader.border#252525
sideBarSectionHeader.foreground#dbd7caee
sideBarTitle.foreground#dbd7caee
statusBar.background#222
statusBar.border#252525
statusBar.debuggingBackground#292929
statusBar.debuggingForeground#bfbaaa
statusBar.foreground#bfbaaa
statusBar.noFolderBackground#222
statusBarItem.prominentBackground#292929
tab.activeBackground#222
tab.activeBorder#252525
tab.activeBorderTop#dedcd590
tab.activeForeground#dbd7caee
tab.border#252525
tab.hoverBackground#292929
tab.inactiveBackground#222
tab.inactiveForeground#959da5
tab.unfocusedActiveBorder#252525
tab.unfocusedActiveBorderTop#252525
tab.unfocusedHoverBackground#222
terminal.ansiBlack#393a34
terminal.ansiBlue#6394bf
terminal.ansiBrightBlack#777777
terminal.ansiBrightBlue#6394bf
terminal.ansiBrightCyan#5eaab5
terminal.ansiBrightGreen#4d9375
terminal.ansiBrightMagenta#d9739f
terminal.ansiBrightRed#cb7676
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e6cc77
terminal.ansiCyan#5eaab5
terminal.ansiGreen#4d9375
terminal.ansiMagenta#d9739f
terminal.ansiRed#cb7676
terminal.ansiWhite#dbd7ca
terminal.ansiYellow#e6cc77
terminal.foreground#dbd7caee
terminal.selectionBackground#eeeeee18
textBlockQuote.background#222
textBlockQuote.border#252525
textCodeBlock.background#222
textLink.activeForeground#4d9375
textLink.foreground#4d9375
textPreformat.foreground#d1d5da
textSeparator.foreground#586069
titleBar.activeBackground#222
titleBar.activeForeground#bfbaaa
titleBar.border#292929
titleBar.inactiveBackground#222
titleBar.inactiveForeground#959da5
tree.indentGuidesStroke#2f363d
welcomePage.buttonBackground#2f363d
welcomePage.buttonHoverBackground#444d56

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#758575dd	—
delimiter.bracket, delimiter, invalid.illegal.character-not-allowed-here.html, keyword.operator.rest, keyword.operator.spread, keyword.operator.type.annotation, keyword.operator.relational, keyword.operator.assignment, keyword.operator.type, meta.brace, meta.tag.block.any.html, meta.tag.inline.any.html, meta.tag.structure.input.void.html, meta.type.annotation, meta.embedded.block.github-actions-expression, storage.type.function.arrow, meta.objectliteral.ts, punctuation, punctuation.definition.string.begin.html.vue, punctuation.definition.string.end.html.vue	#666666	—
constant, entity.name.constant, variable.language, meta.definition.variable	#c99076	—
entity, entity.name	#80a665	—
variable.parameter.function	#dbd7caee	—
entity.name.tag, tag.html	#4d9375	—
entity.name.function	#80a665	—
keyword, storage.type.class.jsdoc, punctuation.definition.template-expression	#4d9375	—
storage, storage.type, support.type.builtin, constant.language.undefined, constant.language.null, constant.language.import-export-all.ts	#cb7676	—
text.html.derivative, storage.modifier.package, storage.modifier.import, storage.type.java	#dbd7caee	—
string, string punctuation.section.embedded source, attribute.value	#c98a7d	—
punctuation.definition.string	#c98a7d77	—
punctuation.support.type.property-name	#b8a96577	—
support	#b8a965	—
property, meta.property-name, meta.object-literal.key, entity.name.tag.yaml, attribute.name	#b8a965	—
entity.other.attribute-name, invalid.deprecated.entity.other.attribute-name.html	#bd976a	—
variable, identifier	#bd976a	—
support.type.primitive, entity.name.type	#5DA994	—
namespace	#db889a	—
keyword.operator, keyword.operator.assignment.compound, meta.var.expr.ts	#cb7676	—
invalid.broken	#fdaeb7	italic
invalid.deprecated	#fdaeb7	italic
invalid.illegal	#fdaeb7	italic
invalid.unimplemented	#fdaeb7	italic
carriage-return	#24292e	italic underline
message.error	#fdaeb7	—
string variable	#c98a7d	—
source.regexp, string.regexp	#c4704f	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#c98a7d	—
string.regexp constant.character.escape	#e6cc77	—
support.constant	#c99076	—
keyword.operator.quantifier.regexp, constant.numeric, number	#4C9A91	—
keyword.other.unit	#cb7676	—
constant.language.boolean, constant.language	#4d9375	—
meta.module-reference	#4d9375	—
punctuation.definition.list.begin.markdown	#d4976c	—
markup.heading, markup.heading entity.name	#4d9375	bold
markup.quote	#5d99a9	—
markup.italic	#dbd7caee	italic
markup.bold	#dbd7caee	bold
markup.raw	#4d9375	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#fdaeb7	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#85e89d	—
markup.changed, punctuation.definition.changed	#ffab70	—
markup.ignored, markup.untracked	#2f363d	—
meta.diff.range	#b392f0	bold
meta.diff.header	#79b8ff	—
meta.separator	#79b8ff	bold
meta.output	#79b8ff	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#d1d5da	—
brackethighlighter.unmatched	#fdaeb7	—
constant.other.reference.link, string.other.link, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown	#c98a7d	—
markup.underline.link.markdown, markup.underline.link.image.markdown	#dedcd590	underline
type.identifier, constant.other.character-class.regexp	#6872ab	—
entity.other.attribute-name.html.vue	#80a665	—
invalid.illegal.unrecognized-tag.html	—	normal

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