Hecate Theme

Name: Hecate Theme
Author: anudeep

Publisher: anudeepThemes in package: 1

VS Code Theme with Hecate's mystical purple hues and moonlit clarity. A visual ode to the Greek goddess of witchcraft and the moon.

GitHub

VS Code preview

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

Hecate Theme — Hecate

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.background#0f0e1c
activityBar.border#0f0e1c
activityBar.dropBorder#4a478e
activityBar.foreground#acaad4
activityBar.inactiveForeground#acaad499
activityBarBadge.background#fcde9c
activityBarBadge.foreground#0f0e1c
badge.background#fcde9c
badge.foreground#2c2b55
breadcrumb.activeSelectionForeground#e3e3f1
breadcrumb.background#2c2b55
breadcrumb.focusForeground#e3e3f1
breadcrumb.foreground#acaad4
breadcrumbPicker.background#0f0e1c
button.background#fcde9c
button.foreground#0f0e1c
button.hoverBackground#fcde9c99
debugExceptionWidget.background#4a478e
debugExceptionWidget.border#4a478e
debugToolBar.background#4a478e
debugToolBar.border#4a478e
descriptionForeground#e3e3f1
diffEditor.border#4a478e
diffEditor.insertedTextBackground#c4d6b022
diffEditor.insertedTextBorder#c4d6b044
diffEditor.removedTextBackground#fa937022
diffEditor.removedTextBorder#fa937044
dropdown.background#4a478e
dropdown.border#4a478e
dropdown.foreground#e3e3f1
dropdown.listBackground#0f0e1c
editor.background#2c2b55
editor.findMatchBackground#acaad477
editor.findMatchBorder#fcde9c
editor.findMatchHighlightBackground#acaad477
editor.findRangeHighlightBackground#acaad477
editor.foreground#a2aabc
editor.hoverHighlightBackground#acaad477
editor.inactiveSelectionBackground#acaad477
editor.lineHighlightBackground#4a478e
editor.lineHighlightBorder#4a478e
editor.rangeHighlightBackground#4a478e
editor.selectionBackground#4a478e
editor.selectionForeground#a2aabc
editor.selectionHighlightBackground#4a478e
editor.wordHighlightBackground#acaad477
editor.wordHighlightStrongBackground#acaad477
editorBracketMatch.background#acaad455
editorBracketMatch.border#fcde9c
editorCodeLens.foreground#e3e3f1
editorCursor.background#2c2b55
editorCursor.foreground#fcde9c
editorError.foreground#fa9370
editorGroup.border#4a478e
editorGroup.dropBackground#4a478e
editorGroup.emptyBackground#2c2b55
editorGroup.focusedEmptyBorder#2c2b55
editorGroupHeader.noTabsBackground#2c2b55
editorGroupHeader.tabsBackground#0f0e1c
editorGroupHeader.tabsBorder#0f0e1c
editorGutter.addedBackground#c4d6b0
editorGutter.background#2c2b55
editorGutter.deletedBackground#fa9370
editorGutter.modifiedBackground#5ccfe6
editorHint.foreground#fcde9c
editorHoverWidget.background#4a478e
editorHoverWidget.border#4a478e
editorIndentGuide.activeBackground#acaad477
editorIndentGuide.background#acaad433
editorInfo.foreground#5ccfe6
editorInlayHint.background#0f0e1c
editorInlayHint.foreground#acaad499
editorLineNumber.activeForeground#acaad4
editorLineNumber.foreground#acaad455
editorLink.activeForeground#fcde9c
editorMarkerNavigation.background#4a478e
editorMarkerNavigationError.background#fa9370
editorMarkerNavigationInfo.background#5ccfe6
editorMarkerNavigationWarning.background#fcde9c
editorOverviewRuler.addedForeground#c4d6b0
editorOverviewRuler.border#4a478e
editorOverviewRuler.bracketMatchForeground#fcde9c
editorOverviewRuler.commonContentForeground#4a478e
editorOverviewRuler.currentContentForeground#5ccfe6
editorOverviewRuler.deletedForeground#fa9370
editorOverviewRuler.errorForeground#fa9370
editorOverviewRuler.findMatchForeground#fcde9c
editorOverviewRuler.incomingContentForeground#c4d6b0
editorOverviewRuler.infoForeground#5ccfe6
editorOverviewRuler.modifiedForeground#5ccfe6
editorOverviewRuler.rangeHighlightForeground#acaad4
editorOverviewRuler.selectionHighlightForeground#acaad4
editorOverviewRuler.warningForeground#ffd580
editorOverviewRuler.wordHighlightForeground#acaad4
editorOverviewRuler.wordHighlightStrongForeground#acaad4
editorPane.background#2c2b55
editorRuler.foreground#4a478e
editorSuggestWidget.background#4a478e
editorSuggestWidget.border#4a478e
editorSuggestWidget.foreground#e3e3f1
editorSuggestWidget.highlightForeground#fcde9c
editorSuggestWidget.selectedBackground#2c2b55
editorWarning.foreground#ffd580
editorWhitespace.foreground#acaad477
editorWidget.background#0f0e1c
editorWidget.border#0f0e1c
errorForeground#fa9370
extensionButton.prominentBackground#fcde9c
extensionButton.prominentForeground#2c2b55
extensionButton.prominentHoverBackground#fcde9c99
focusBorder#acaad477
foreground#acaad4
gitDecoration.conflictingResourceForeground#fa9370
gitDecoration.deletedResourceForeground#fa9370
gitDecoration.ignoredResourceForeground#acaad477
gitDecoration.modifiedResourceForeground#5ccfe6
gitDecoration.untrackedResourceForeground#c4d6b0
input.background#2c2b55
input.border#4a478e
input.foreground#e3e3f1
input.placeholderForeground#acaad477
inputOption.activeBorder#4a478e
inputValidation.errorBackground#2c2b55
inputValidation.errorBorder#fa9370
inputValidation.errorForeground#fa9370
inputValidation.infoBackground#2c2b55
inputValidation.infoBorder#5ccfe6
inputValidation.infoForeground#5ccfe6
inputValidation.warningBackground#2c2b55
inputValidation.warningBorder#ffd580
inputValidation.warningForeground#ffd580
list.activeSelectionBackground#4a478e
list.activeSelectionForeground#e3e3f1
list.dropBackground#4a478e
list.errorForeground#fa9370
list.focusBackground#4a478e
list.focusForeground#e3e3f1
list.highlightForeground#fcde9c
list.hoverBackground#4a478e
list.hoverForeground#e3e3f1
list.inactiveFocusBackground#4a478e
list.inactiveSelectionBackground#4a478e
list.inactiveSelectionForeground#e3e3f1
list.invalidItemForeground#fa9370
list.warningForeground#ffd580
listFilterWidget.background#4a478e
listFilterWidget.noMatchesOutline#fa9370
listFilterWidget.outline#4a478e
menu.background#0f0e1c
menu.foreground#acaad4
menu.selectionBackground#4a478e
menu.selectionForeground#e3e3f1
menubar.selectionBackground#4a478e
menubar.selectionForeground#e3e3f1
merge.border#acaad4
merge.commonContentBackground#4a478e55
merge.commonHeaderBackground#4a478e77
merge.currentContentBackground#5ccfe622
merge.currentHeaderBackground#5ccfe677
merge.incomingContentBackground#c4d6b022
merge.incomingHeaderBackground#c4d6b077
notificationCenter.border#0f0e1c
notificationCenterHeader.background#0f0e1c
notificationCenterHeader.foreground#e3e3f1
notificationLink.foreground#e3e3f1
notifications.background#0f0e1c
notifications.border#0f0e1c
notifications.foreground#e3e3f1
notificationToast.border#0f0e1c
panel.background#0f0e1c
panel.border#2c2b55
panel.dropBorder#4a478e
panelInput.border#acaad4
panelSection.border#4a478e
panelSection.dropBackground#4a478e
panelSectionHeader.background#2c2b55
panelSectionHeader.foreground#fcde9c
panelTitle.activeBorder#fcde9c
panelTitle.activeForeground#e3e3f1
panelTitle.inactiveForeground#acaad4
peekView.border#fcde9c
peekViewEditor.background#4a478e
peekViewEditor.matchHighlightBackground#acaad4
peekViewEditor.matchHighlightBorder#fcde9c
peekViewEditorGutter.background#2c2b55
peekViewResult.background#4a478e
peekViewResult.fileForeground#acaad4
peekViewResult.lineForeground#e3e3f1
peekViewResult.matchHighlightBackground#fcde9c33
peekViewResult.selectionBackground#4a478e
peekViewResult.selectionForeground#e3e3f1
peekViewTitle.background#4a478e
peekViewTitleDescription.foreground#acaad4
peekViewTitleLabel.foreground#acaad4
pickerGroup.border#4a478e
pickerGroup.foreground#fcde9c
progressBar.background#fcde9c
scrollbar.shadow#00030F
scrollbarSlider.activeBackground#acaad477
scrollbarSlider.background#acaad455
scrollbarSlider.hoverBackground#acaad499
selection.background#acaad477
settings.checkboxBackground#4a478e
settings.checkboxBorder#4a478e
settings.checkboxForeground#e3e3f1
settings.dropdownBackground#4a478e
settings.dropdownBorder#4a478e
settings.dropdownForeground#e3e3f1
settings.dropdownListBorder#4a478e
settings.headerForeground#e3e3f1
settings.modifiedItemIndicator#5ccfe6
settings.numberInputBackground#4a478e
settings.numberInputBorder#4a478e
settings.numberInputForeground#e3e3f1
settings.textInputBackground#4a478e
settings.textInputBorder#4a478e
settings.textInputForeground#e3e3f1
sideBar.background#0f0e1c
sideBar.foreground#acaad4
sideBarSectionHeader.background#2c2b55
sideBarSectionHeader.border#0f0e1c
sideBarSectionHeader.foreground#fcde9c
sideBarTitle.foreground#fcde9c
statusBar.background#0f0e1c
statusBar.border#0f0e1c
statusBar.debuggingBackground#0f0e1c
statusBar.debuggingForeground#acaad4
statusBar.foreground#acaad4
statusBar.noFolderBackground#0f0e1c
statusBar.noFolderForeground#acaad4
statusBarItem.activeBackground#4a478e
statusBarItem.hoverBackground#2c2b55
statusBarItem.remoteBackground#0f0e1c
statusBarItem.remoteForeground#acaad4
tab.activeBackground#2c2b55
tab.activeBorder#fcde9c
tab.activeBorderTop#0f0e1c
tab.activeForeground#e3e3f1
tab.border#0f0e1c
tab.hoverBackground#4a478e
tab.hoverBorder#fcde9c
tab.inactiveBackground#0f0e1c
tab.inactiveForeground#e3e3f177
tab.unfocusedActiveBackground#2c2b55
tab.unfocusedActiveBorder#fcde9c77
tab.unfocusedActiveBorderTop#2c2b55
tab.unfocusedActiveForeground#e3e3f1
tab.unfocusedHoverBackground#2c2b55
tab.unfocusedHoverBorder#fcde9c77
tab.unfocusedInactiveForeground#e3e3f177
terminal.ansiBlack#4a478e
terminal.ansiBlue#5ccfe6
terminal.ansiBrightBlack#444a5e
terminal.ansiBrightBlue#5ccfe6
terminal.ansiBrightCyan#5ccfe6
terminal.ansiBrightGreen#c4d6b0
terminal.ansiBrightMagenta#c3a6ff
terminal.ansiBrightRed#fa9370
terminal.ansiBrightWhite#a2aabc
terminal.ansiBrightYellow#fcde9c
terminal.ansiCyan#5ccfe6
terminal.ansiGreen#c4d6b0
terminal.ansiMagenta#c3a6ff
terminal.ansiRed#fa9370
terminal.ansiWhite#a2aabc
terminal.ansiYellow#fcde9c
terminal.background#0f0e1c
terminal.border#0f0e1c
terminal.foreground#a2aabc
terminal.selectionBackground#acaad433
terminalCursor.background#fcde9c
terminalCursor.foreground#fcde9c
textBlockQuote.background#4a478e
textBlockQuote.border#4a478e
textCodeBlock.background#0f0e1c
textLink.activeForeground#fcde9c
textLink.foreground#fcde9c
textPreformat.foreground#e3e3f1
textSeparator.foreground#e3e3f1
titleBar.activeBackground#0f0e1c
titleBar.activeForeground#e3e3f1
titleBar.border#0f0e1c
titleBar.inactiveBackground#0f0e1c
titleBar.inactiveForeground#acaad4
tree.indentGuidesStroke#4a478e
walkThrough.embeddedEditorBackground#0f0e1c
welcomePage.buttonBackground#4a478e
welcomePage.buttonHoverBackground#4a478e99
widget.shadow#00030F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#a2aabc	—
comment, punctuation.definition.comment	#acaad499	italic
variable, string constant.other.placeholder, source	#a2aabc	—
constant.other.color, punctuation.definition.entity, constant.character.entity, punctuation.definition.template-expression, punctuation.section.tag.twig	#c3a6ff	—
invalid, invalid.illegal	#fa9370	—
keyword, storage.type, storage.modifier, constant.numeric, constant.language, support.constant, constant.character, constant.escape	#c3a6ff	—
punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.brace, meta.block, meta.jsx, meta.embedded.expression, meta.template.expression, meta.tag.block.any.html, string.unquoted.tag-string.nunjucks, text.html.nunjucks	#a2aabc	—
punctuation.separator.key-value.html, keyword.control, keyword.operator, constant.other.color, punctuation.definition.constant, meta.function.block.start.handlebars, meta.function.inline.other, meta.property-value, support.constant.mathematical-symbols, support.constant.vendored.property-value, punctuation.definition.keyword, punctuation.accessor, punctuation.separator.property, string.unquoted.filter-pipe	#ffae57	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.variable.dom, meta.import, meta.export, meta.export.default, support.class.builtin, support.class.component, variable.other.object	#5ccfe6	—
entity.name.function, variable.function, support.function, keyword.other.special-method, meta.function-call, keyword.control.filter	#ffd580	—
meta.block variable.other	#a2aabc	—
variable.parameter, text.html, punctuation.section.property-list, meta.property-value.scss punctuation, meta.property-list, keyword.operator.type.annotation, variable.other.object.property	#a2aabc	—
string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, punctuation.definition.string, entity.name.section.markdown, meta.attribute-selector, entity.name.import.go, storage.type.attr.nunjucks	#c4d6b0	—
entity.name, support.type, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, meta.object-literal.key	#ffd580	—
support.type, support.class, keyword.other.debugger, entity.other.inherited-class, meta.property-name, punctuation.definition.raw.markdown, variable.graphql, variable.other.readwrite	#5ccfe6	—
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, support.type.property-name, support.variable.object.node, support.variable.object.process	#5ccfe6	—
entity.name.module.js, variable.import.parameter.js	#fa9370	—
variable.language	#5ccfe6	italic
entity.name.method.js	#5ccfe6	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#5ccfe6	—
entity.other.attribute-name	#ffae57	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#ffae57	—
entity.other.attribute-name.class, punctuation.definition.entity.css	#ffae57	—
source.sass keyword.control	#5ccfe6	—
markup.inserted	#c4d6b0	—
markup.deleted	#fa9370	—
markup.changed	#c3a6ff	—
string.regexp	#ffae57	—
constant.character.escape	#5ccfe6	—
url, link, uri	—	underline
meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag	#5ccfe6	—
source.js constant.other.object.key.js string.unquoted.label.js	#fa9370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#5ccfe6	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#5ccfe6	—
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	#ffae57	—
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	#5ccfe6	—
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	#ffae57	—
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	#5ccfe6	—
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	#ffae57	—
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	#5ccfe6	—
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	#ffae57	—
markup.italic	#fa9370	italic
markup.bold	#fa9370	bold
markup.underline	#c3a6ff	underline
markup.strike	#fcde9c	italic
markup.quote	#5ccfe6	italic
markup.raw.block	#ffae57	—
markup.table	#5ccfe6	—
text.html.markdown, punctuation.definition.list_item.markdown	#a2aabc	—
text.html.markdown markup.raw.inline, text.html.markdown markup.inline.raw.string.markdown	#5ccfe6	—
text.html.markdown meta.dummy.line-break	#a2aabc	—
markdown.heading, markup.heading, markup.heading entity.name, markup.heading.markdown, punctuation.definition.heading.markdown	#c4d6b0	—
markup.quote, punctuation.definition.blockquote.markdown	#5ccfe6	italic
string.other.link.title.markdown	#fcde9c	underline
markup.raw.block.fenced.markdown	#e3e3f1	—
punctuation.definition.fenced.markdown, variable.language.fenced.markdown	#a2aabc	—
variable.language.fenced.markdown	#a2aabc
meta.separator	#a2aabc
token.info-token	#5ccfe6	—
token.warn-token	#fcde9c	—
token.error-token	#fa9370	—
token.debug-token	#c3a6ff	—
storage.type.error.go	#5ccfe6	—
punctuation.other.period.go	#ffae57	—

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