wuthering waves color themes

Color themes

• 

  Wuthering Waves : Iuno

• 

  Wuthering Waves : Iuno (Dark)

• 

  Wuthering Waves : Jinhsi

• 

  Wuthering Waves : Jinhsi (Dark)

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

• activityBar.background#101618
• activityBar.foreground#ffffff
• activityBar.inactiveForeground#607880
• activityBarBadge.background#1A8A95
• activityBarBadge.foreground#ffffff
• badge.background#1A8A95
• badge.foreground#ffffff
• button.background#1A8A95
• button.foreground#ffffff
• editor.background#141C1E
• editor.foreground#E0F0F0
• editor.lineHighlightBackground#1E2830
• editor.selectionBackground#1A8A9540
• editorBracketMatch.border#D09030
• editorCursor.foreground#40B8C0
• editorGroupHeader.tabsBackground#101618
• editorGutter.addedBackground#60A090
• editorGutter.deletedBackground#C06060
• editorGutter.modifiedBackground#D09030
• editorIndentGuide.background1#243438
• editorLineNumber.activeForeground#40B8C0
• editorLineNumber.foreground#406068
• editorSuggestWidget.background#141C1E
• editorSuggestWidget.highlightForeground#40B8C0
• editorWidget.background#1E2830
• editorWidget.foreground#E0F0F0
• errorForeground#C06060
• focusBorder#1A8A9580
• input.background#101618
• input.border#243438
• input.foreground#E0F0F0
• list.activeSelectionBackground#1A8A95
• list.activeSelectionForeground#ffffff
• list.activeSelectionIconForeground#ffffff
• list.focusBackground#243438
• list.hoverBackground#1E2830
• list.inactiveSelectionBackground#243438
• list.inactiveSelectionForeground#B0A8A8
• panel.background#101618
• panelTitle.activeBorder#1A8A95
• progressBar.background#40B8C0
• sideBar.background#101618
• sideBar.foreground#B0A8A8
• sideBarSectionHeader.background#1E2830
• sideBarSectionHeader.foreground#E0F0F0
• sideBarTitle.foreground#40B8C0
• statusBar.background#1A8A95
• statusBar.debuggingBackground#D09030
• statusBar.debuggingForeground#141C1E
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#1E2830
• statusBar.noFolderForeground#ffffff
• tab.activeBackground#141C1E
• tab.activeBorder#1A8A95
• tab.activeForeground#40B8C0
• tab.border#1E2830
• tab.inactiveBackground#101618
• tab.inactiveForeground#607880
• terminal.ansiCyan#1A8A95
• terminal.background#141C1E
• terminal.foreground#E0F0F0
• textLink.foreground#40B8C0
• titleBar.activeBackground#101618
• titleBar.activeForeground#E0F0F0
• titleBar.inactiveBackground#141C1E
• titleBar.inactiveForeground#607880

tokenColors

TextMate scopes and font styles (syntax highlighting rules).