eezoterial theme

Name: eezoterial theme
Author: unic0rn

Publisher: unic0rnThemes in package: 2

eezoterial theme for Visual Studio Code

GitHub

Color themes

VS Code preview

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

eezoterial theme — eezoterial dark

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#0D1240
activityBar.dropBackground#E8EAF6
activityBar.foreground#9FA8DA
activityBarBadge.background#0288D1
activityBarBadge.foreground#E8EAF6
badge.background#0D1240
badge.foreground#9FA8DA
button.background#260A47
button.foreground#9FA8DA
button.hoverBackground#5C6BC0
debugExceptionWidget.background#260A47
debugToolBar.background#260A47
descriptionForeground#5C6BC0
diffEditor.insertedTextBackground#AB47BC20
diffEditor.removedTextBackground#AD145720
dropdown.background#0D1240
dropdown.foreground#9FA8DA
editor.background#0D1240
editor.findMatchBackground#388E3C6f
editor.findMatchHighlightBackground#8D6E636f
editor.findRangeHighlightBackground#F0F
editor.foreground#9FA8DA
editor.hoverHighlightBackground#3F51B5
editor.inactiveSelectionBackground#3F51B5
editor.lineHighlightBackground#260A47
editor.rangeHighlightBackground#260A47
editor.selectionBackground#3F51B5
editor.selectionHighlightBackground#260A47
editor.wordHighlightBackground#3F51B5
editor.wordHighlightStrongBackground#5C6BC0
editorBracketMatch.background#3F51B5
editorCodeLens.foreground#3F51B5
editorCursor.foreground#E040FB
editorError.foreground#AD1457
editorGroup.background#0D1240
editorGroup.dropBackground#3F51B56f
editorGroupHeader.noTabsBackground#0D1240
editorGroupHeader.tabsBackground#0D1240
editorGutter.addedBackground#AB47BC
editorGutter.background#0D1240
editorGutter.deletedBackground#AD1457
editorGutter.modifiedBackground#607D8B
editorHoverWidget.background#0D1240
editorIndentGuide.background#5C6BC0
editorInfo.foreground#009688
editorLineNumber.foreground#5C6BC0
editorLink.activeForeground#0288D1
editorMarkerNavigation.background#260A47
editorMarkerNavigationError.background#AD1457
editorMarkerNavigationWarning.background#388E3C
editorOverviewRuler.addedForeground#AB47BC
editorOverviewRuler.commonContentForeground#7E57C2
editorOverviewRuler.currentContentForeground#0288D1
editorOverviewRuler.deletedForeground#AD1457
editorOverviewRuler.errorForeground#AD1457
editorOverviewRuler.findMatchForeground#388E3C
editorOverviewRuler.incomingContentForeground#AB47BC
editorOverviewRuler.infoForeground#009688
editorOverviewRuler.modifiedForeground#607D8B
editorOverviewRuler.rangeHighlightForeground#5C6BC0
editorOverviewRuler.selectionHighlightForeground#3F51B5
editorOverviewRuler.warningForeground#388E3C
editorOverviewRuler.wordHighlightForeground#E8EAF6
editorOverviewRuler.wordHighlightStrongForeground#0288D1
editorRuler.foreground#5C6BC0
editorSuggestWidget.background#260A47
editorSuggestWidget.foreground#9FA8DA
editorSuggestWidget.highlightForeground#0288D1
editorSuggestWidget.selectedBackground#3F51B5
editorWarning.foreground#388E3C
editorWhitespace.foreground#5C6BC0
editorWidget.background#0D1240
errorForeground#AD1457
extensionButton.prominentBackground#AB47BC
extensionButton.prominentForeground#E8EAF6
extensionButton.prominentHoverBackground#3F51B5
foreground#9FA8DA
gitDecoration.conflictingResourceForeground#388E3C
gitDecoration.deletedResourceForeground#AD1457
gitDecoration.ignoredResourceForeground#5C6BC0
gitDecoration.modifiedResourceForeground#607D8B
gitDecoration.untrackedResourceForeground#AB47BC
input.background#0D1240
input.foreground#9FA8DA
input.placeholderForeground#5C6BC0
inputOption.activeBorder#8D6E63
inputValidation.errorBackground#AD1457
inputValidation.errorBorder#AD1457
inputValidation.infoBackground#0288D1
inputValidation.infoBorder#0288D1
inputValidation.warningBackground#388E3C
inputValidation.warningBorder#388E3C
list.activeSelectionBackground#3F51B5
list.activeSelectionForeground#9FA8DA
list.dropBackground#E8EAF6
list.focusBackground#3F51B5
list.focusForeground#9FA8DA
list.highlightForeground#E8EAF6
list.hoverBackground#5C6BC0
list.hoverForeground#9FA8DA
list.inactiveSelectionBackground#3F51B5
list.inactiveSelectionForeground#9FA8DA
merge.currentContentBackground#0288D140
merge.currentHeaderBackground#0288D140
merge.incomingContentBackground#AB47BC60
merge.incomingHeaderBackground#AB47BC60
notification.background#3F51B5
notification.buttonBackground#0288D1
notification.buttonForeground#E8EAF6
notification.buttonHoverBackground#3F51B5
notification.errorBackground#AD1457
notification.errorForeground#E8EAF6
notification.foreground#9FA8DA
notification.infoBackground#009688
notification.infoForeground#E8EAF6
notification.warningBackground#388E3C
notification.warningForeground#E8EAF6
panel.background#0D1240
panelTitle.activeForeground#9FA8DA
panelTitle.inactiveForeground#5C6BC0
peekViewEditor.background#260A47
peekViewEditor.matchHighlightBackground#8D6E636f
peekViewEditorGutter.background#260A47
peekViewResult.background#0D1240
peekViewResult.fileForeground#9FA8DA
peekViewResult.lineForeground#5C6BC0
peekViewResult.matchHighlightBackground#8D6E636f
peekViewResult.selectionBackground#3F51B5
peekViewResult.selectionForeground#9FA8DA
peekViewTitle.background#3F51B5
peekViewTitleDescription.foreground#5C6BC0
peekViewTitleLabel.foreground#9FA8DA
pickerGroup.foreground#5C6BC0
progressBar.background#5C6BC0
scrollbar.shadow#260A47
scrollbarSlider.activeBackground#7986CB6f
scrollbarSlider.background#3F51B56f
scrollbarSlider.hoverBackground#5C6BC06f
selection.background#3F51B5
sideBar.background#111855
sideBar.foreground#9FA8DA
sideBarSectionHeader.background#5C6BC0
sideBarSectionHeader.foreground#9FA8DA
sideBarTitle.foreground#9FA8DA
statusBar.background#0288D1
statusBar.debuggingBackground#8D6E63
statusBar.debuggingForeground#E8EAF6
statusBar.foreground#E8EAF6
statusBar.noFolderBackground#607D8B
statusBar.noFolderForeground#E8EAF6
statusBarItem.activeBackground#5C6BC0
statusBarItem.hoverBackground#3F51B5
statusBarItem.prominentBackground#F0F
statusBarItem.prominentHoverBackground#F00
tab.activeBackground#0D1240
tab.activeForeground#9FA8DA
tab.inactiveBackground#111855
tab.inactiveForeground#5C6BC0
tab.unfocusedActiveForeground#7986CB
tab.unfocusedInactiveForeground#7986CB
terminal.ansiBlack#260A47
terminal.ansiBlue#0288D1
terminal.ansiBrightBlack#0D1240
terminal.ansiBrightBlue#7986CB
terminal.ansiBrightCyan#9FA8DA
terminal.ansiBrightGreen#3F51B5
terminal.ansiBrightMagenta#607D8B
terminal.ansiBrightRed#8D6E63
terminal.ansiBrightWhite#E8EAF6
terminal.ansiBrightYellow#5C6BC0
terminal.ansiCyan#009688
terminal.ansiGreen#AB47BC
terminal.ansiMagenta#7E57C2
terminal.ansiRed#AD1457
terminal.ansiWhite#F3E5F5
terminal.ansiYellow#388E3C
terminal.background#0D1240
terminal.foreground#E8EAF6
terminalCursor.foreground#E040FB
textBlockQuote.background#260A47
textBlockQuote.border#0288D1
textCodeBlock.background#0D1240
textLink.activeForeground#009688
textLink.foreground#0288D1
textPreformat.foreground#0288D1
textSeparator.foreground#F0F
titleBar.activeBackground#0D1240
titleBar.activeForeground#9FA8DA
titleBar.inactiveBackground#260A47
titleBar.inactiveForeground#5C6BC0
walkThrough.embeddedEditorBackground#0D1240
welcomePage.buttonBackground#260A47
welcomePage.buttonHoverBackground#3F51B5
widget.shadow#0D1240

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#EEFFFFff	—
comment, punctuation.definition.comment	#5C6BC0	italic
variable, string constant.other.placeholder, entity.name.variable.parameter, entity.name.variable.local, variable.parameter	#AD1457	—
variable.other.object.property	#0288D1	—
constant.other.color	#0F0	—
invalid, invalid.illegal	#AD1457	—
invalid.deprecated	#7E57C2	—
keyword, storage.modifier	#607D8B	—
keyword.control, keyword.control.flow, keyword.control.from, keyword.control.import, keyword.control.as	#607D8B	—
keyword.other.using, keyword.other.namespace, keyword.other.class, keyword.other.new, keyword.other.event, keyword.other.this, keyword.other.await, keyword.other.var, keyword.other.package, keyword.other.import, variable.language.this, storage.type.ts	#607D8B	—
keyword.type, storage.type.primitive	#009688	—
storage.type.function	#0288D1	—
constant.other.color, punctuation, punctuation.section.class.end, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution	#9FA8DA	—
punctuation.section.embedded, variable.interpolation	#7E57C2	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#AD1457	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#0288D1	—
meta.block variable.other	#AD1457	—
support.other.variable, string.other.link	#AD1457	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other	#8D6E63	—
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	#AB47BC	normal
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#388E3C	—
storage.type, storage.modifier.package, storage.modifier.import	#388E3C	—
entity.name.variable.field	#0288D1	—
support.type	#009688	—
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	#009688	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#AD1457	—
variable.language	#AD1457	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#0288D1	—
entity.other.attribute-name	#0288D1	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#388E3C	italic
entity.other.attribute-name.class	#388E3C	—
source.sass keyword.control	#0288D1	—
markup.inserted	#AB47BC	—
markup.deleted	#AD1457	—
markup.changed	#607D8B	—
string.regexp	#009688	—
constant.character.escape	#009688	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#0288D1	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#0288D1	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#0288D1	—
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	#0288D1	—
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	#0288D1	—
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	#0288D1	—
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	#0288D1	—
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	#0288D1	—
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	#0288D1	—
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	#0288D1	—
text.html.markdown, punctuation.definition.list_item.markdown	#9FA8DA	—
text.html.markdown markup.inline.raw.markdown	#607D8B	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#009688	—
text.html.markdown meta.dummy.line-break		—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#0288D1	—
markup.italic	#AD1457	italic
markup.bold, markup.bold string	#AD1457	bold
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	#AD1457	bold
markup.underline	#8D6E63	underline
markup.strike		strike
markup.quote punctuation.definition.blockquote.markdown	#009688	—
markup.quote		italic
string.other.link.title.markdown	#0288D1	—
string.other.link.description.title.markdown	#607D8B	—
constant.other.reference.link.markdown	#388E3C	—
markup.raw.block	#607D8B	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown	#F0F	—
variable.language.fenced.markdown	#F00	—
meta.separator	#009688	bold
markup.table	#F0F	—
token.info-token	#0288D1	—
token.warn-token	#388E3C	—
token.error-token	#AD1457	—
token.debug-token	#607D8B	—

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