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 Purple

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#c084fc
activityBar.foreground#c084fc
badge.background#c084fc
badge.foreground#000000
editor.background#000000
editor.foreground#c084fc
editor.lineHighlightBackground#c084fc10
editor.selectionBackground#c084fc33
editorBracketMatch.border#c084fc
editorCursor.foreground#c084fc
editorIndentGuide.activeBackground1#c084fc33
editorLineNumber.foreground#c084fc88
list.activeSelectionBackground#c084fc22
list.activeSelectionForeground#c084fc
list.hoverBackground#c084fc11
panel.border#c084fc22
sideBar.background#0a0a0a
sideBar.border#c084fc33
sideBar.foreground#c084fc
statusBar.background#000000
statusBar.border#c084fc44
statusBar.foreground#c084fc
tab.activeBackground#0d0d0d
tab.activeBorderTop#c084fc
tab.activeForeground#c084fc
tab.border#c084fc33
tab.inactiveBackground#000000
tab.inactiveForeground#c084fc88
titleBar.activeBackground#000000
titleBar.activeForeground#c084fc
titleBar.border#c084fc33

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword	#c084fc	bold
variable	#d8b4fe	—
string	#e9d5ff	—