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 Cyan

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#00ffff
activityBar.foreground#00ffff
badge.background#00ffff
badge.foreground#000000
editor.background#000000
editor.foreground#00ffff
editor.lineHighlightBackground#00ffff10
editor.selectionBackground#00ffff33
editorBracketMatch.border#00ffff
editorCursor.foreground#00ffff
editorIndentGuide.activeBackground1#00ffff33
editorLineNumber.foreground#00ffff88
list.activeSelectionBackground#00ffff22
list.activeSelectionForeground#00ffff
list.hoverBackground#00ffff11
panel.border#00ffff22
sideBar.background#0a0a0a
sideBar.border#00ffff33
sideBar.foreground#00ffff
statusBar.background#000000
statusBar.border#00ffff44
statusBar.foreground#00ffff
tab.activeBackground#0d0d0d
tab.activeBorderTop#00ffff
tab.activeForeground#00ffff
tab.border#00ffff33
tab.inactiveBackground#000000
tab.inactiveForeground#00ffff88
titleBar.activeBackground#000000
titleBar.activeForeground#00ffff
titleBar.border#00ffff33

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword	#22d3ee	bold
variable	#67e8f9	—
string	#a5f3fc	—
comment	#7dd3fc	italic