Neon Genesis Evangelion Themes

Name: Neon Genesis Evangelion Themes
Author: engr

Publisher: engrThemes in package: 3

A "Neon Genesis Evangelion" inspired UI theme set with color themes for EVA Unit 00, EVA Unit 01 and EVA Unit 02.

Open in VS Code GitHub

Color themes

VS Code preview

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

Neon Genesis Evangelion Themes — EVA Unit-01 Berserk

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#13ff1e
activityBar.activeFocusBorder#FF0000
activityBar.background#1d1a2f
activityBar.border#13ff1e
activityBar.foreground#13ff1e
activityBar.inactiveForeground#734f9a
activityBarBadge.background#965fd4
activityBarBadge.foreground#ffffff
button.background#13ff1e
button.foreground#000000
editor.background#1c182c
editor.foreground#6ee974
editor.lineHighlightBackground#174f19
editor.selectionBackground#174f19
editorBracketHighlight.foreground1#6ee974
editorBracketHighlight.foreground2#6ee974
editorBracketHighlight.foreground3#6ee974
editorBracketHighlight.foreground4#6ee974
editorBracketHighlight.foreground5#6ee974
editorBracketHighlight.foreground6#6ee974
editorBracketHighlight.unexpectedBracket.foreground#b40000
editorBracketMatch.background#174f19
editorBracketMatch.border#13ff1e
editorCursor.foreground#88ff88
editorGroupHeader.tabsBackground#413c5e
editorLineNumber.activeForeground#88ff88
editorLineNumber.foreground#466b5a
focusBorder#88ff88
icon.foreground#965fd4
list.activeSelectionBackground#004400
list.activeSelectionForeground#ffffff
list.activeSelectionIconForeground#13ff1e
list.deemphasizedForeground#008800
list.dropBackground#0c0c0c
list.errorForeground#b40000
list.filterMatchBackground#420000
list.focusAndSelectionOutline#e2e3e2
list.focusBackground#0c0c0c
list.focusForeground#00cc00
list.focusOutline#13ff1e
list.highlightForeground#88ff88
list.hoverBackground#004400
list.hoverForeground#00cc00
list.inactiveFocusBackground#080808
list.inactiveSelectionBackground#002200
list.inactiveSelectionForeground#13ff1e
list.invalidItemForeground#b40000
list.warningForeground#cccc00
listFilterWidget.background#000000
listFilterWidget.noMatchesOutline#003300
listFilterWidget.outline#00cc00
menubar.selectionBackground#965fd4
menubar.selectionForeground#734f9a
panel.border#00FF00
panelSectionHeader.foreground#00ff00
panelTitle.activeBorder#00FF00
panelTitle.activeForeground#00FF00
panelTitle.inactiveForeground#965fd4
sideBar.background#1d1a2f
sideBar.border#13ff1e
sideBar.dropBackground#0c0c0c
sideBar.foreground#965fd4
sideBarSectionHeader.background#004400
sideBarSectionHeader.border#13ff1e
sideBarSectionHeader.foreground#00cc00
sideBarTitle.foreground#965fd4
statusBar.background#1d1a2f
statusBar.border#13ff1e
statusBar.debuggingBackground#1f1f1f
statusBar.debuggingForeground#f44336
statusBar.foreground#965fd4
statusBar.noFolderBackground#442244
statusBar.noFolderForeground#ffffff
tab.activeBackground#1d1a2f
tab.activeForeground#13ff1e
tab.border#13ff1e
tab.hoverBackground#13ff1e
tab.hoverForeground#004400
tab.inactiveBackground#413c5e
tab.inactiveForeground#13ff1e
terminal.background#1d1a2f
terminal.border#00FF00
terminal.foreground#6ee974
terminal.selectionBackground#174f19
terminalCommandDecoration.defaultBackground#6ee974
terminalCommandDecoration.errorBackground#6ee974
terminalCommandDecoration.successBackground#6ee974
terminalCursor.background#174f19
terminalCursor.foreground#00FF00
titleBar.activeBackground#1d1a2f
titleBar.activeForeground#13ff1e
titleBar.border#13ff1e
titleBar.inactiveBackground#1d1a2f
titleBar.inactiveForeground#13ff1e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#466b5a	italic bold
variable, string constant.other.placeholder	#6ee974	—
constant.other.color	#9f68dd	—
invalid, invalid.illegal	#f50606	—
keyword, storage.type, storage.modifier	#9f68dd	—
keyword.control, keyword.control.preprocessor	#9f68dd	—
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	#6ee974	—
punctuation.definition.string.begin, punctuation.definition.string.end	#f5c024	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#b443ca	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#9443f0	—
meta.block variable.other	#b443ca	—
support.other.variable, string.other.link	#b443ca	—
constant.numeric	#fffffe	—
constant.language	#f00202	—
variable.parameter	#6893d5	—
support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other	#b443ca	—
string	#f6ba4b	—
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	#f6ba4b	—
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	#9443f0	—
entity.name.namespace	#965fd4	—
support.type	#6893d5	—
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	#b443ca	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#734f9a	—
variable.language	#C792EA	italic
meta.member.access.python	#965fd4	—
entity.name.method.js	#734f9a	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#734f9a	—
entity.other.attribute-name	#C792EA	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#734f9a	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#734f9a	—
constant.character.escape	#6ee974	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	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	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
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	#F78C6C	—
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	#FF5370	—
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	#C17E70	—
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	#82AAFF	—
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	#f07178	—
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	#C792EA	—
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	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	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	#f07178	bold
markup.underline	#F78C6C	underline
markup.quote punctuation.definition.blockquote.markdown	#466b5a	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—

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