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 Green

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#00ff99
activityBar.foreground#00ff99
badge.background#00ff99
badge.foreground#000000
editor.background#000000
editor.foreground#00ff99
editor.lineHighlightBackground#00ff9910
editor.selectionBackground#00ff9933
editorBracketMatch.border#00ff99
editorCursor.foreground#00ff99
editorIndentGuide.activeBackground1#00ff9933
editorLineNumber.foreground#00ff9988
list.activeSelectionBackground#00ff9922
list.activeSelectionForeground#00ff99
list.hoverBackground#00ff9911
panel.border#00ff9922
sideBar.background#0a0a0a
sideBar.border#00ff9933
sideBar.foreground#00ff99
statusBar.background#000000
statusBar.border#00ff9944
statusBar.foreground#00ff99
tab.activeBackground#0d0d0d
tab.activeBorderTop#00ff99
tab.activeForeground#00ff99
tab.border#00ff9933
tab.inactiveBackground#000000
tab.inactiveForeground#00ff9988
titleBar.activeBackground#000000
titleBar.activeForeground#00ff99
titleBar.border#00ff9933

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword	#34d399	bold
variable	#6ee7b7	—
string	#a7f3d0	—