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 Orange

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#ffa500
activityBar.foreground#ffa500
badge.background#ffa500
badge.foreground#000000
editor.background#000000
editor.foreground#ffa500
editor.lineHighlightBackground#ffa50010
editor.selectionBackground#ffa50033
editorBracketMatch.border#ffa500
editorCursor.foreground#ffa500
editorIndentGuide.activeBackground1#ffa50033
editorLineNumber.foreground#ffa50088
list.activeSelectionBackground#ffa50022
list.activeSelectionForeground#ffa500
list.hoverBackground#ffa50011
panel.border#ffa50022
sideBar.background#0a0a0a
sideBar.border#ffa50033
sideBar.foreground#ffa500
statusBar.background#000000
statusBar.border#ffa50044
statusBar.foreground#ffa500
tab.activeBackground#0d0d0d
tab.activeBorderTop#ffa500
tab.activeForeground#ffa500
tab.border#ffa50033
tab.inactiveBackground#000000
tab.inactiveForeground#ffa50088
titleBar.activeBackground#000000
titleBar.activeForeground#ffa500
titleBar.border#ffa50033

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword	#fb923c	bold
variable	#fdba74	—
string	#ffedd5	—