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#2A3638
• activityBar.foreground#ffffff
• activityBar.inactiveForeground#80B0B8
• activityBarBadge.background#1A8A95
• activityBarBadge.foreground#ffffff
• badge.background#1A8A95
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#1A8A95
• breadcrumb.background#FAFEFE
• breadcrumb.focusForeground#2A3638
• breadcrumb.foreground#5A6A6C
• breadcrumbPicker.background#ffffff
• button.background#1A8A95
• button.foreground#ffffff
• button.hoverBackground#127A85
• button.secondaryBackground#5A6A6C
• button.secondaryForeground#ffffff
• button.secondaryHoverBackground#4A5A5C
• descriptionForeground#5A6A6C
• dropdown.background#ffffff
• dropdown.border#C8E0E4
• dropdown.foreground#2A3638
• dropdown.listBackground#ffffff
• editor.background#ffffff
• editor.findMatchBackground#1A8A9550
• editor.findMatchHighlightBackground#1A8A9525
• editor.foreground#2A3638
• editor.inactiveSelectionBackground#E0F5F640
• editor.lineHighlightBackground#FAFEFE
• editor.lineHighlightBorder#E0F5F6
• editor.selectionBackground#1A8A9530
• editor.wordHighlightBackground#1A8A9520
• editor.wordHighlightStrongBackground#1A8A9540
• editorBracketMatch.background#1A8A9530
• editorBracketMatch.border#1A8A95
• editorCursor.foreground#1A8A95
• editorGroupHeader.tabsBackground#E0F5F6
• editorGutter.addedBackground#50A078
• editorGutter.deletedBackground#C06868
• editorGutter.modifiedBackground#1A8A95
• editorHoverWidget.background#ffffff
• editorHoverWidget.border#C8E0E4
• editorIndentGuide.activeBackground1#A0C8CC
• editorIndentGuide.background1#D8ECEE
• editorLineNumber.activeForeground#1A8A95
• editorLineNumber.foreground#A0C8CC
• editorRuler.foreground#D8ECEE
• editorSuggestWidget.background#ffffff
• editorSuggestWidget.foreground#2A3638
• editorSuggestWidget.highlightForeground#1A8A95
• editorSuggestWidget.selectedBackground#E0F5F6
• editorWidget.background#FAFEFE
• editorWidget.border#C8E0E4
• editorWidget.foreground#2A3638
• errorForeground#C06868
• focusBorder#1A8A9580
• gitDecoration.addedResourceForeground#50A078
• gitDecoration.conflictingResourceForeground#D08080
• gitDecoration.deletedResourceForeground#C06868
• gitDecoration.ignoredResourceForeground#A0B0B8
• gitDecoration.modifiedResourceForeground#1A8A95
• gitDecoration.untrackedResourceForeground#28A0AC
• icon.foreground#2A3638
• input.background#ffffff
• input.border#C8E0E4
• input.foreground#2A3638
• input.placeholderForeground#80A0A8
• inputOption.activeBackground#1A8A95
• inputOption.activeForeground#ffffff
• inputValidation.errorBackground#C06868
• inputValidation.errorBorder#C06868
• inputValidation.warningBackground#A08840
• inputValidation.warningBorder#A08840
• list.activeSelectionBackground#1A8A95
• list.activeSelectionForeground#ffffff
• list.activeSelectionIconForeground#ffffff
• list.focusBackground#E0F5F6
• list.hoverBackground#F5FCFC
• list.inactiveSelectionBackground#E0F5F6
• list.inactiveSelectionForeground#2A3638
• minimap.background#FAFEFE
• minimap.findMatchHighlight#1A8A9580
• minimap.selectionHighlight#1A8A9550
• minimapGutter.addedBackground#50A078
• minimapGutter.deletedBackground#C06868
• minimapGutter.modifiedBackground#1A8A95
• notificationCenter.border#C8E0E4
• notifications.background#ffffff
• notifications.border#C8E0E4
• notifications.foreground#2A3638
• notificationsErrorIcon.foreground#C06868
• notificationsInfoIcon.foreground#1A8A95
• notificationsWarningIcon.foreground#A08840
• panel.background#FAFEFE
• panel.border#C8E0E4
• panelTitle.activeBorder#1A8A95
• panelTitle.activeForeground#2A3638
• panelTitle.inactiveForeground#80A0A8
• peekView.border#1A8A95
• peekViewEditor.background#FAFEFE
• peekViewEditorGutter.background#E0F5F6
• peekViewResult.background#E0F5F6
• peekViewResult.fileForeground#2A3638
• peekViewResult.lineForeground#2A3638
• peekViewResult.matchHighlightBackground#1A8A9550
• peekViewResult.selectionBackground#1A8A9530
• peekViewResult.selectionForeground#2A3638
• peekViewTitle.background#2A3638
• peekViewTitleDescription.foreground#80B0B8
• peekViewTitleLabel.foreground#ffffff
• progressBar.background#1A8A95
• scrollbar.shadow#00000010
• scrollbarSlider.activeBackground#1A8A95
• scrollbarSlider.background#A0C8CC50
• scrollbarSlider.hoverBackground#A0C8CC80
• selection.background#1A8A9540
• sideBar.background#FAFEFE
• sideBar.foreground#2A3638
• sideBarSectionHeader.background#E0F5F6
• sideBarSectionHeader.foreground#2A3638
• sideBarTitle.foreground#1A8A95
• statusBar.background#1A8A95
• statusBar.debuggingBackground#28A0AC
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#4A5A5C
• statusBar.noFolderForeground#ffffff
• tab.activeBackground#ffffff
• tab.activeBorder#1A8A95
• tab.activeForeground#2A3638
• tab.border#D8ECEE
• tab.hoverBackground#ffffff
• tab.hoverForeground#1A8A95
• tab.inactiveBackground#FAFEFE
• tab.inactiveForeground#5A6A6C
• terminal.ansiBlack#2A3638
• terminal.ansiBlue#4888A8
• terminal.ansiBrightBlack#5A6A6C
• terminal.ansiBrightBlue#5898B8
• terminal.ansiBrightCyan#28A0AC
• terminal.ansiBrightGreen#60B088
• terminal.ansiBrightMagenta#9888B8
• terminal.ansiBrightRed#D08080
• terminal.ansiBrightWhite#FAFEFE
• terminal.ansiBrightYellow#B09850
• terminal.ansiCyan#1A8A95
• terminal.ansiGreen#50A078
• terminal.ansiMagenta#8878A8
• terminal.ansiRed#C06868
• terminal.ansiWhite#E0F5F6
• terminal.ansiYellow#A08840
• terminal.background#ffffff
• terminal.foreground#2A3638
• textLink.activeForeground#127A85
• textLink.foreground#1A8A95
• titleBar.activeBackground#2A3638
• titleBar.activeForeground#ffffff
• titleBar.inactiveBackground#3A4648
• titleBar.inactiveForeground#80B0B8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).