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 : Jiyan (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#101818
activityBar.foreground#ccd0c5
activityBarBadge.background#50b8a5
button.background#50b8a5
button.foreground#1A2828
editor.background#1A2828
editor.foreground#ccd0c5
editor.selectionBackground#50b8a540
editorCursor.foreground#50b8a5
editorLineNumber.foreground#4A5A58
focusBorder#50b8a580
list.activeSelectionBackground#50b8a5
list.activeSelectionForeground#1A2828
list.hoverBackground#223232
sideBar.background#152020
sideBar.foreground#A0A8A0
sideBarTitle.foreground#50b8a5
statusBar.background#50b8a5
statusBar.foreground#1A2828
tab.activeBackground#1A2828
tab.activeBorder#50b8a5
tab.inactiveBackground#152020
textLink.foreground#60C8B5
titleBar.activeBackground#101818
titleBar.activeForeground#ccd0c5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#4A5A58	italic
keyword, storage	#60C8B5	—
string	#6A9090	—
constant.numeric	#7AA8A0	—
entity.name.function	#60C8B5	bold
variable	#ccd0c5	—
entity.name.type	#70D8C5	bold