Skip to main content
Home Theme VS Code evangelion unit-01 berserk theme Visual Studio Code color theme inspired by EVA Unit-01 from the "Neon Genesis Evangelion" TV series.
VS Code preview Full workbench mockup using this variant's colors and tokenColors.
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 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment, punctuation.definition.comment #466b5a italic bold variable, string constant.other.placeholder #13ff1e — constant.other.color #9f68dd — invalid, invalid.illegal #f50606 — keyword, storage.type, storage.modifier
Shiki preview TypeScript sample highlighted with this variant's colors and tokenColors.
evangelion unit-01 berserk theme — EVA Unit-01 Berserk
activityBarBadge.background
#965fd4
activityBarBadge.foreground #ffffff
button.background #13ff1e
button.foreground #000000
editor.background #1c182c
editor.foreground #13ff1e
editor.lineHighlightBackground #174f19
editor.selectionBackground #174f19
editorBracketHighlight.foreground1 #00cc00
editorBracketHighlight.foreground2 #00cc00
editorBracketHighlight.foreground3 #00cc00
editorBracketHighlight.foreground4 #00cc00
editorBracketHighlight.foreground5 #00cc00
editorBracketHighlight.foreground6 #00cc00
editorBracketHighlight.unexpectedBracket.foreground #b40000
editorBracketMatch.background #13ff1e
editorBracketMatch.border #13ff1e
editorCursor.foreground #13ff1e
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.ansiBlack #000000
terminal.ansiBlue #2472c8
terminal.ansiBrightBlack #666666
terminal.ansiBrightBlue #3b8eea
terminal.ansiBrightCyan #29b8db
terminal.ansiBrightGreen #23d18b
terminal.ansiBrightMagenta #d670d6
terminal.ansiBrightRed #f14c4c
terminal.ansiBrightWhite #ffffff
terminal.ansiBrightYellow #00FF00
terminal.ansiCyan #11a8cd
terminal.ansiGreen #0DBC79
terminal.ansiMagenta #bc3fbc
terminal.ansiRed #cd3131
terminal.ansiWhite #e5e5e5
terminal.ansiYellow #e5e510
terminal.background #1d1a2f
terminal.foreground #00FF00
terminal.selectionBackground #174f19
terminalCursor.background #174f19
terminalCursor.foreground #00FF00
titleBar.activeBackground #1d1a2f
titleBar.activeForeground #13ff1e
titleBar.border #13ff1e
titleBar.inactiveBackground #1d1a2f
titleBar.inactiveForeground #13ff1e 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 #9f68dd —
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 #734f9a —
meta.block variable.other #b443ca —
support.other.variable, string.other.link #b443ca —
constant.language #f00202 —
variable.parameter #13ff1e —
support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other #b443ca —
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 #f5c024 —
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 #b443ca —
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 #b443ca —
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 —
constant.character.escape #13ff1e —
*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 #65737E —
string.other.link.title.markdown #82AAFF —
string.other.link.description.title.markdown #C792EA —
constant.other.reference.link.markdown #FFCB6B —
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
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 } ! ` ;
}
fetchUser.ts
index.ts
README.md
src
components
fetchUser.ts
src
components
fetchUser.ts
fetchUser 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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*
Button.tsx
31
$
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 } ! ` ;
}
evangelion unit-01 berserk theme | Coding Theme