MAGI & EVA Theme Suite (01/02)

Name: MAGI & EVA Theme Suite (01/02)
Author: SinsuSquid

Publisher: SinsuSquidThemes in package: 3

High-performance theme suite inspired by the MAGI System, EVA-01, and EVA-02 from Neon Genesis Evangelion.

Open in VS Code GitHub

Color themes

VS Code preview

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

MAGI & EVA Theme Suite (01/02) — EVA-02

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#281d2d
activityBar.foreground#ed2323
activityBar.inactiveForeground#734f9a
activityBarBadge.background#ed2323
activityBarBadge.foreground#fbe6e5
breadcrumb.activeSelectionForeground#ed2323
breadcrumb.focusForeground#ed2323
breadcrumb.foreground#f99d5288
button.background#ed2323
button.foreground#fbe6e5
debugToolBar.background#281d2d
debugToolBar.border#ed2323
editor.background#281d2d
editor.foreground#fbe6e5
editor.lineHighlightBackground#ed232311
editor.selectionBackground#ea853344
editorBracketHighlight.foreground1#ed2323
editorBracketHighlight.foreground2#ea8533
editorBracketHighlight.foreground3#f99d52
editorBracketHighlight.foreground4#40c8e8
editorBracketHighlight.foreground5#965fd4
editorBracketHighlight.foreground6#3cffd0
editorCursor.foreground#ed2323
editorGroupHeader.tabsBackground#281d2d
editorIndentGuide.activeBackground#ed2323
editorIndentGuide.background#f99d5222
editorLineNumber.activeForeground#ed2323
editorLineNumber.foreground#f99d5244
editorWidget.background#281d2d
editorWidget.border#ea8533
gitDecoration.addedResourceForeground#8bd450
gitDecoration.deletedResourceForeground#ed2323
gitDecoration.modifiedResourceForeground#ea8533
gitDecoration.untrackedResourceForeground#3cffd0
input.background#281d2d
input.border#ea853344
input.foreground#fbe6e5
list.activeSelectionBackground#ed2323
list.activeSelectionForeground#fbe6e5
list.hoverBackground#ed232322
list.inactiveSelectionBackground#ea853344
sideBar.background#281d2d
sideBar.border#ea853344
sideBar.foreground#fbe6e5
sideBarTitle.foreground#ed2323
statusBar.background#281d2d
statusBar.border#ea853344
statusBar.foreground#ed2323
statusBarItem.hoverBackground#ea853344
tab.activeBackground#281d2d
tab.activeBorder#ed2323
tab.activeForeground#ed2323
tab.border#ea853344
tab.inactiveBackground#281d2d
tab.inactiveForeground#f99d5288
terminal.ansiBlack#281d2d
terminal.ansiBlue#40c8e8
terminal.ansiBrightBlack#f99d52
terminal.ansiBrightBlue#40c8e8
terminal.ansiBrightCyan#3cffd0
terminal.ansiBrightGreen#8bd450
terminal.ansiBrightMagenta#965fd4
terminal.ansiBrightRed#ed2323
terminal.ansiBrightWhite#fbe6e5
terminal.ansiBrightYellow#f0f0a0
terminal.ansiCyan#3cffd0
terminal.ansiGreen#8bd450
terminal.ansiMagenta#965fd4
terminal.ansiRed#ed2323
terminal.ansiWhite#fbe6e5
terminal.ansiYellow#ea8533
terminal.background#281d2d
terminal.foreground#fbe6e5
titleBar.activeBackground#281d2d
titleBar.activeForeground#ed2323
titleBar.inactiveBackground#281d2d
titleBar.inactiveForeground#f99d5288

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#f99d5288	italic
constant, variable.other.constant, support.constant	#40c8e8	—
string, punctuation.definition.string	#ea8533	—
entity.name.function, support.function	#ed2323	bold
keyword, storage.type, storage.modifier	#ea8533	bold
entity.name.type, support.type, support.class	#f99d52	bold
variable, identifier	#fbe6e5	—
punctuation, meta.brace, meta.delimiter	#ed2323	—
meta.preprocessor, keyword.control.directive	#ea8533	—
entity.other.attribute-name	#ea8533	italic