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 Lime

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#ccff00
activityBar.foreground#ccff00
badge.background#ccff00
badge.foreground#000000
editor.background#000000
editor.foreground#ccff00
editor.lineHighlightBackground#ccff0010
editor.selectionBackground#ccff0033
editorBracketMatch.border#ccff00
editorCursor.foreground#ccff00
editorIndentGuide.activeBackground1#ccff0033
editorLineNumber.foreground#ccff0088
list.activeSelectionBackground#ccff0022
list.activeSelectionForeground#ccff00
list.hoverBackground#ccff0011
panel.border#ccff0022
sideBar.background#0a0a0a
sideBar.border#ccff0033
sideBar.foreground#ccff00
statusBar.background#000000
statusBar.border#ccff0044
statusBar.foreground#ccff00
tab.activeBackground#0d0d0d
tab.activeBorderTop#ccff00
tab.activeForeground#ccff00
tab.border#ccff0033
tab.inactiveBackground#000000
tab.inactiveForeground#ccff0088
titleBar.activeBackground#000000
titleBar.activeForeground#ccff00
titleBar.border#ccff0033

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword	#bef264	bold
variable	#d9f99d	—
string	#ecfccb	—