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 Blue

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#3b82f6
activityBar.foreground#3b82f6
badge.background#3b82f6
badge.foreground#000000
editor.background#000000
editor.foreground#60a5fa
editor.lineHighlightBackground#3b82f610
editor.selectionBackground#3b82f633
editorBracketMatch.border#3b82f6
editorCursor.foreground#3b82f6
editorIndentGuide.activeBackground1#3b82f655
editorLineNumber.foreground#3b82f6aa
list.activeSelectionBackground#3b82f62e
list.activeSelectionForeground#3b82f6
list.hoverBackground#3b82f61a
panel.border#3b82f622
sideBar.background#0a0a0a
sideBar.border#3b82f633
sideBar.foreground#3b82f6
statusBar.background#000000
statusBar.border#3b82f655
statusBar.foreground#3b82f6
tab.activeBackground#0d1b2a
tab.activeBorderTop#3b82f6
tab.activeForeground#3b82f6
tab.border#3b82f622
tab.inactiveBackground#000000
tab.inactiveForeground#3b82f688
titleBar.activeBackground#000000
titleBar.activeForeground#3b82f6
titleBar.border#3b82f633

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword	#3b82f6	bold
variable	#60a5fa	—
string	#93c5fd	—