Arcane Night Strom

Name: Arcane Night Strom
Author: Ahum Maitra

Publisher: Ahum MaitraThemes in package: 3

A magical dark theme inspired by stormy nights, glowing spells, and the wizarding world. Enter the realm of code and magic!

Open in VS Code GitHub

Color themes

VS Code preview

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

Arcane Night Strom — Arcane Night Strom (Dark)

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#0F1015
activityBar.foreground#D4AFFF
editor.background#0A0B10
editor.findMatchBackground#44475a
editor.findMatchHighlightBackground#6272a4
editor.foreground#E3E3F1
editor.inactiveSelectionBackground#1F1F33
editor.selectionBackground#2A2A40
editor.wordHighlightBackground#2a2a40cc
editorCursor.foreground#FFFB91
editorLineHighlightBackground#11131A
editorLineNumber.activeForeground#FFD700
editorLineNumber.foreground#44475a
menu.background#1a0e2b
menu.selectionBackground#f1c100
menu.selectionForeground#360244
panel.background#101219
sideBar.background#0D0E13
sideBar.foreground#B0B0FF
statusBar.background#0F1015
statusBar.foreground#B0B0FF
tab.activeBackground#1A1B25
tab.activeForeground#FFD700
tab.inactiveBackground#0F1015
tab.inactiveForeground#666688
terminal.background#0A0B10
terminal.foreground#cfc0dd
titleBar.activeBackground#101219
titleBar.activeForeground#E3E3F1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage.type, keyword.control, keyword.operator	#C792EA	bold
entity.name.function, support.function, meta.function-call, variable.function	#82AAFF	—
variable, identifier, meta.definition.variable, support.variable	#FFCB6B	—
string, string.quoted, string.template, meta.string	#C3E88D	—
constant.numeric, constant.language, constant.character, constant.other	#F78C6C	—
entity.name.type, support.class, support.type, meta.class, meta.struct	#FF5370	—
comment, comment.block.documentation, punctuation.definition.comment	#546E7A	italic
entity.name.tag, meta.tag, support.class.component	#F07178	—
support.type.property-name.css, meta.property-name.css, variable.css, entity.other.attribute-name.class.css	#89DDFF	—
entity.other.attribute-name, meta.attribute	#FFCB6B	—
meta.decorator, entity.name.function.decorator, meta.annotation	#D4AFFF	—
keyword.operator, punctuation, meta.brace, meta.delimiter	#89DDFF	—
markup.bold, markup.italic, markup.underline, markup.strikethrough	#FFB6C1	italic bold
support.function.magic.python	#FF79C6	italic