wuthering waves color themes

Color themes

• 

  Wuthering Waves : Camellya

• 

  Wuthering Waves : Camellya (Dark)

• 

  Wuthering Waves : Cantarella

• 

  Wuthering Waves : Cantarella (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#3c3c62
• activityBar.foreground#c1c7db
• activityBar.inactiveForeground#98a2d0
• activityBarBadge.background#6164b2
• activityBarBadge.foreground#F8F9FC
• badge.background#6164b2
• badge.foreground#F8F9FC
• breadcrumb.activeSelectionForeground#6164b2
• breadcrumb.background#F0F2F8
• breadcrumb.focusForeground#3c3c62
• breadcrumb.foreground#6A6A8A
• breadcrumbPicker.background#F8F9FC
• button.background#6164b2
• button.foreground#F8F9FC
• button.hoverBackground#5050A0
• button.secondaryBackground#98a2d0
• button.secondaryForeground#3c3c62
• button.secondaryHoverBackground#8890C0
• descriptionForeground#6A6A8A
• dropdown.background#F8F9FC
• dropdown.border#c1c7db
• dropdown.foreground#3c3c62
• dropdown.listBackground#F8F9FC
• editor.background#F8F9FC
• editor.findMatchBackground#6164b250
• editor.findMatchHighlightBackground#98a2d030
• editor.foreground#3c3c62
• editor.inactiveSelectionBackground#E0E3F040
• editor.lineHighlightBackground#F0F2F8
• editor.lineHighlightBorder#E0E3F0
• editor.selectionBackground#6164b230
• editor.wordHighlightBackground#98a2d030
• editor.wordHighlightStrongBackground#98a2d050
• editorBracketMatch.background#98a2d040
• editorBracketMatch.border#6164b2
• editorCursor.foreground#6164b2
• editorGroupHeader.tabsBackground#E8EAF2
• editorGutter.addedBackground#6AAA8A
• editorGutter.deletedBackground#C07080
• editorGutter.modifiedBackground#6164b2
• editorHoverWidget.background#F8F9FC
• editorHoverWidget.border#c1c7db
• editorIndentGuide.activeBackground1#98a2d0
• editorIndentGuide.background1#E0E3F0
• editorLineNumber.activeForeground#6164b2
• editorLineNumber.foreground#98a2d0
• editorRuler.foreground#E0E3F0
• editorSuggestWidget.background#F8F9FC
• editorSuggestWidget.foreground#3c3c62
• editorSuggestWidget.highlightForeground#6164b2
• editorSuggestWidget.selectedBackground#E0E3F0
• editorWidget.background#F0F2F8
• editorWidget.border#c1c7db
• editorWidget.foreground#3c3c62
• errorForeground#C07080
• focusBorder#6164b280
• gitDecoration.addedResourceForeground#6AAA8A
• gitDecoration.conflictingResourceForeground#D08090
• gitDecoration.deletedResourceForeground#C07080
• gitDecoration.ignoredResourceForeground#A8A8B8
• gitDecoration.modifiedResourceForeground#6164b2
• gitDecoration.untrackedResourceForeground#98a2d0
• icon.foreground#3c3c62
• input.background#F8F9FC
• input.border#c1c7db
• input.foreground#3c3c62
• input.placeholderForeground#98a2d0
• inputOption.activeBackground#6164b2
• inputOption.activeForeground#F8F9FC
• inputValidation.errorBackground#C07080
• inputValidation.errorBorder#C07080
• inputValidation.warningBackground#B8A060
• inputValidation.warningBorder#B8A060
• list.activeSelectionBackground#6164b2
• list.activeSelectionForeground#F8F9FC
• list.activeSelectionIconForeground#F8F9FC
• list.focusBackground#E0E3F0
• list.hoverBackground#EDEEF5
• list.inactiveSelectionBackground#E0E3F0
• list.inactiveSelectionForeground#3c3c62
• minimap.background#F0F2F8
• minimap.findMatchHighlight#6164b280
• minimap.selectionHighlight#6164b250
• minimapGutter.addedBackground#6AAA8A
• minimapGutter.deletedBackground#C07080
• minimapGutter.modifiedBackground#6164b2
• notificationCenter.border#c1c7db
• notifications.background#F8F9FC
• notifications.border#c1c7db
• notifications.foreground#3c3c62
• notificationsErrorIcon.foreground#C07080
• notificationsInfoIcon.foreground#6164b2
• notificationsWarningIcon.foreground#B8A060
• panel.background#F0F2F8
• panel.border#c1c7db
• panelTitle.activeBorder#6164b2
• panelTitle.activeForeground#3c3c62
• panelTitle.inactiveForeground#98a2d0
• peekView.border#6164b2
• peekViewEditor.background#F0F2F8
• peekViewEditorGutter.background#E8EAF2
• peekViewResult.background#E8EAF2
• peekViewResult.fileForeground#3c3c62
• peekViewResult.lineForeground#3c3c62
• peekViewResult.matchHighlightBackground#6164b250
• peekViewResult.selectionBackground#6164b230
• peekViewResult.selectionForeground#3c3c62
• peekViewTitle.background#3c3c62
• peekViewTitleDescription.foreground#98a2d0
• peekViewTitleLabel.foreground#F8F9FC
• progressBar.background#6164b2
• scrollbar.shadow#00000010
• scrollbarSlider.activeBackground#6164b2
• scrollbarSlider.background#98a2d050
• scrollbarSlider.hoverBackground#98a2d080
• selection.background#6164b240
• sideBar.background#F0F2F8
• sideBar.foreground#3c3c62
• sideBarSectionHeader.background#E8EAF2
• sideBarSectionHeader.foreground#3c3c62
• sideBarTitle.foreground#6164b2
• statusBar.background#6164b2
• statusBar.debuggingBackground#98a2d0
• statusBar.debuggingForeground#3c3c62
• statusBar.foreground#F8F9FC
• statusBar.noFolderBackground#3c3c62
• statusBar.noFolderForeground#c1c7db
• tab.activeBackground#F8F9FC
• tab.activeBorder#6164b2
• tab.activeForeground#3c3c62
• tab.border#E0E3F0
• tab.hoverBackground#F8F9FC
• tab.hoverForeground#6164b2
• tab.inactiveBackground#F0F2F8
• tab.inactiveForeground#6A6A8A
• terminal.ansiBlack#3c3c62
• terminal.ansiBlue#6164b2
• terminal.ansiBrightBlack#6A6A8A
• terminal.ansiBrightBlue#7175C2
• terminal.ansiBrightCyan#70A0C0
• terminal.ansiBrightGreen#7ABAA0
• terminal.ansiBrightMagenta#9A8AC0
• terminal.ansiBrightRed#D08090
• terminal.ansiBrightWhite#F8F9FC
• terminal.ansiBrightYellow#C8B070
• terminal.ansiCyan#6090B0
• terminal.ansiGreen#6AAA8A
• terminal.ansiMagenta#8A7AB0
• terminal.ansiRed#C07080
• terminal.ansiWhite#E8EAF2
• terminal.ansiYellow#B8A060
• terminal.background#F8F9FC
• terminal.foreground#3c3c62
• textLink.activeForeground#5050A0
• textLink.foreground#6164b2
• titleBar.activeBackground#3c3c62
• titleBar.activeForeground#c1c7db
• titleBar.inactiveBackground#4A4A70
• titleBar.inactiveForeground#98a2d0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).