Elora

Name: Elora
Author: swarajladke

Publisher: swarajladkeThemes in package: 13

A dynamic glowing theme engine that switches colors based on code state.

Open in VS Code GitHub

Color themes

VS Code preview

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

Elora — Elora Magenta

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#000000
activityBar.border#ff00ff
activityBar.foreground#ff00ff
badge.background#ff00ff
badge.foreground#000000
editor.background#000000
editor.foreground#ff00ff
editor.lineHighlightBackground#ff00ff10
editor.selectionBackground#ff00ff33
editorBracketMatch.border#ff00ff
editorCursor.foreground#ff00ff
editorIndentGuide.activeBackground1#ff00ff33
editorLineNumber.foreground#ff00ff88
list.activeSelectionBackground#ff00ff22
list.activeSelectionForeground#ff00ff
list.hoverBackground#ff00ff11
panel.border#ff00ff22
sideBar.background#0a0a0a
sideBar.border#ff00ff33
sideBar.foreground#ff00ff
statusBar.background#000000
statusBar.border#ff00ff44
statusBar.foreground#ff00ff
tab.activeBackground#0d0d0d
tab.activeBorderTop#ff00ff
tab.activeForeground#ff00ff
tab.border#ff00ff33
tab.inactiveBackground#000000
tab.inactiveForeground#ff00ff88
titleBar.activeBackground#000000
titleBar.activeForeground#ff00ff
titleBar.border#ff00ff33

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#FF77FF	italic
keyword	#FF00FF	bold
string	#FF66CC	—
variable	#E0E0E0	—
constant.numeric	#FF99FF	—
entity.name.function	#FF33CC	underline