wuthering waves color themes

Name: wuthering waves color themes
Author: ⏾ frostmoon

Publisher: ⏾ frostmoonThemes in package: 58

vs code color themes inspired by wuthering waves characters.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

wuthering waves color themes — Wuthering Waves : Phrolova (Dark)

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#1E1515
activityBar.foreground#b5a7a7
activityBarBadge.background#952d34
button.background#952d34
button.foreground#FCF8F7
editor.background#2A1E1E
editor.foreground#b5a7a7
editor.selectionBackground#952d3440
editorCursor.foreground#952d34
editorLineNumber.foreground#6A5050
focusBorder#952d3480
list.activeSelectionBackground#952d34
list.activeSelectionForeground#FCF8F7
list.hoverBackground#352828
sideBar.background#241A1A
sideBar.foreground#b5a7a7
sideBarTitle.foreground#952d34
statusBar.background#952d34
statusBar.foreground#FCF8F7
tab.activeBackground#2A1E1E
tab.activeBorder#952d34
tab.inactiveBackground#241A1A
textLink.foreground#B54048
titleBar.activeBackground#1E1515
titleBar.activeForeground#b5a7a7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#6A5050	italic
keyword, storage	#B54048	—
string	#7A9A8A	—
constant.numeric	#916A6C	—
entity.name.function	#B54048	bold
variable	#b5a7a7	—
entity.name.type	#A53D44	bold