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 Pink

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#ff69b4
activityBar.foreground#ff69b4
badge.background#ff69b4
badge.foreground#000000
editor.background#000000
editor.foreground#ff69b4
editor.lineHighlightBackground#ff69b410
editor.selectionBackground#ff69b433
editorBracketMatch.border#ff69b4
editorCursor.foreground#ff69b4
editorIndentGuide.activeBackground1#ff69b433
editorLineNumber.foreground#ff69b488
list.activeSelectionBackground#ff69b422
list.activeSelectionForeground#ff69b4
list.hoverBackground#ff69b411
panel.border#ff69b422
sideBar.background#0a0a0a
sideBar.border#ff69b433
sideBar.foreground#ff69b4
statusBar.background#000000
statusBar.border#ff69b444
statusBar.foreground#ff69b4
tab.activeBackground#0d0d0d
tab.activeBorderTop#ff69b4
tab.activeForeground#ff69b4
tab.border#ff69b433
tab.inactiveBackground#000000
tab.inactiveForeground#ff69b488
titleBar.activeBackground#000000
titleBar.activeForeground#ff69b4
titleBar.border#ff69b433

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword	#f472b6	bold
variable	#f9a8d4	—
string	#fbcfe8	—