wuthering waves color themes

Color themes

• 

  Wuthering Waves : Aemeath

• 

  Wuthering Waves : Aemeath (Dark)

• 

  Wuthering Waves : Augusta

• 

  Wuthering Waves : Augusta (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#3D2D35
• activityBar.border#F0D5E2
• activityBar.foreground#FFD5E8
• activityBar.inactiveForeground#9D8A92
• activityBarBadge.background#e488ac
• activityBarBadge.foreground#ffffff
• badge.background#e488ac
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#e488ac
• breadcrumb.background#FEFBF8
• breadcrumb.focusForeground#3D2D35
• breadcrumb.foreground#8D7A82
• breadcrumbPicker.background#ffffff
• button.background#e488ac
• button.border#e488ac60
• button.foreground#ffffff
• button.hoverBackground#D87098
• button.secondaryBackground#5D4A52
• button.secondaryForeground#ffffff
• button.secondaryHoverBackground#3D2D35
• descriptionForeground#8D7A82
• dropdown.background#ffffff
• dropdown.border#F0D5E2
• dropdown.foreground#3D2D35
• dropdown.listBackground#FFF8FB
• editor.background#FEFBF8
• editor.findMatchBackground#77c1c850
• editor.findMatchBorder#77c1c8
• editor.findMatchHighlightBackground#e488ac28
• editor.foreground#3D2D35
• editor.inactiveSelectionBackground#FFE8F240
• editor.lineHighlightBackground#FFF3F8
• editor.lineHighlightBorder#FFE8F200
• editor.selectionBackground#e488ac35
• editor.wordHighlightBackground#e488ac20
• editor.wordHighlightBorder#e488ac60
• editor.wordHighlightStrongBackground#e488ac40
• editor.wordHighlightStrongBorder#e488ac80
• editorBracketMatch.background#e488ac30
• editorBracketMatch.border#e488ac
• editorCursor.foreground#e488ac
• editorGroupHeader.tabsBackground#FFF8FB
• editorGroupHeader.tabsBorder#F0D5E2
• editorGutter.addedBackground#70A888
• editorGutter.background#FEFBF8
• editorGutter.deletedBackground#D87098
• editorGutter.modifiedBackground#5AB8C0
• editorHoverWidget.background#ffffff
• editorHoverWidget.border#F0D5E2
• editorHoverWidget.statusBarBackground#FFF8FB
• editorIndentGuide.activeBackground1#D8A8B8
• editorIndentGuide.background1#F0D5E2
• editorLineNumber.activeForeground#e488ac
• editorLineNumber.foreground#D0C0C8
• editorOverviewRuler.addedForeground#70A888
• editorOverviewRuler.border#F0D5E2
• editorOverviewRuler.deletedForeground#D87098
• editorOverviewRuler.errorForeground#D87098
• editorOverviewRuler.findMatchForeground#77c1c880
• editorOverviewRuler.modifiedForeground#5AB8C0
• editorOverviewRuler.warningForeground#77c1c8
• editorRuler.foreground#F0D5E2
• editorSuggestWidget.background#ffffff
• editorSuggestWidget.border#F0D5E2
• editorSuggestWidget.focusHighlightForeground#D87098
• editorSuggestWidget.foreground#3D2D35
• editorSuggestWidget.highlightForeground#e488ac
• editorSuggestWidget.selectedBackground#FFE8F2
• editorWidget.background#ffffff
• editorWidget.border#F0D5E2
• editorWidget.foreground#3D2D35
• editorWidget.resizeBorder#e488ac
• errorForeground#D87098
• focusBorder#e488ac80
• gitDecoration.addedResourceForeground#70A888
• gitDecoration.conflictingResourceForeground#E8B8D8
• gitDecoration.deletedResourceForeground#D87098
• gitDecoration.ignoredResourceForeground#9D8A92
• gitDecoration.modifiedResourceForeground#77c1c8
• gitDecoration.stageDeletedResourceForeground#D87098
• gitDecoration.stageModifiedResourceForeground#77c1c8
• gitDecoration.submoduleResourceForeground#5AB8C0
• gitDecoration.untrackedResourceForeground#e488ac
• icon.foreground#e488ac
• input.background#ffffff
• input.border#F0D5E2
• input.foreground#3D2D35
• input.placeholderForeground#9D8A92
• inputOption.activeBackground#e488ac
• inputOption.activeBorder#D87098
• inputOption.activeForeground#ffffff
• inputValidation.errorBackground#D8709820
• inputValidation.errorBorder#D87098
• inputValidation.infoBackground#c8f9fc20
• inputValidation.infoBorder#c8f9fc
• inputValidation.warningBackground#77c1c820
• inputValidation.warningBorder#77c1c8
• list.activeSelectionBackground#e488ac
• list.activeSelectionForeground#ffffff
• list.activeSelectionIconForeground#ffffff
• list.focusBackground#FFE8F2
• list.hoverBackground#FFF3F8
• list.hoverForeground#3D2D35
• list.inactiveSelectionBackground#FFE8F2
• list.inactiveSelectionForeground#3D2D35
• minimap.background#FEFBF8
• minimap.errorHighlight#D87098
• minimap.findMatchHighlight#77c1c880
• minimap.selectionHighlight#e488ac50
• minimap.warningHighlight#77c1c8
• minimapGutter.addedBackground#70A888
• minimapGutter.deletedBackground#D87098
• minimapGutter.modifiedBackground#77c1c8
• notificationCenter.border#F0D5E2
• notificationCenterHeader.background#FFF3F8
• notificationCenterHeader.foreground#3D2D35
• notifications.background#ffffff
• notifications.border#F0D5E2
• notifications.foreground#3D2D35
• notificationsErrorIcon.foreground#D87098
• notificationsInfoIcon.foreground#c8f9fc
• notificationsWarningIcon.foreground#77c1c8
• panel.background#FFF8FB
• panel.border#F0D5E2
• panelTitle.activeBorder#e488ac
• panelTitle.activeForeground#3D2D35
• panelTitle.inactiveForeground#9D8A92
• peekView.border#e488ac
• peekViewEditor.background#FEFBF8
• peekViewEditor.matchHighlightBackground#e488ac40
• peekViewEditorGutter.background#FFF8FB
• peekViewResult.background#FFF8FB
• peekViewResult.fileForeground#3D2D35
• peekViewResult.lineForeground#5D4A52
• peekViewResult.matchHighlightBackground#e488ac50
• peekViewResult.selectionBackground#e488ac30
• peekViewResult.selectionForeground#3D2D35
• peekViewTitle.background#3D2D35
• peekViewTitleDescription.foreground#9D8A92
• peekViewTitleLabel.foreground#FFD5E8
• progressBar.background#77c1c8
• sash.hoverBorder#e488ac
• scrollbar.shadow#00000015
• scrollbarSlider.activeBackground#e488ac
• scrollbarSlider.background#E8A8B860
• scrollbarSlider.hoverBackground#E8A8B880
• selection.background#e488ac40
• sideBar.background#FFF8FB
• sideBar.foreground#5D4A52
• sideBarSectionHeader.background#FFE8F2
• sideBarSectionHeader.border#F0D5E2
• sideBarSectionHeader.foreground#3D2D35
• sideBarTitle.foreground#e488ac
• statusBar.background#77c1c8
• statusBar.border#c8f9fc
• statusBar.debuggingBackground#e488ac
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#1A1418
• statusBar.noFolderBackground#5D4A52
• statusBar.noFolderForeground#ffffff
• tab.activeBackground#FEFBF8
• tab.activeBorder#e488ac
• tab.activeBorderTop#e488ac
• tab.activeForeground#e488ac
• tab.border#F0D5E2
• tab.hoverBackground#FFF3F8
• tab.hoverBorder#e488ac80
• tab.hoverForeground#e488ac
• tab.inactiveBackground#FFF8FB
• tab.inactiveForeground#8D7A82
• terminal.ansiBlack#3D2D35
• terminal.ansiBlue#5AB8C0
• terminal.ansiBrightBlack#8D7A82
• terminal.ansiBrightBlue#70C8D0
• terminal.ansiBrightCyan#8AD8E0
• terminal.ansiBrightGreen#88C8A0
• terminal.ansiBrightMagenta#F498BC
• terminal.ansiBrightRed#E890B0
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#F8D8F0
• terminal.ansiCyan#77c1c8
• terminal.ansiGreen#70A888
• terminal.ansiMagenta#e488ac
• terminal.ansiRed#D87098
• terminal.ansiWhite#FFF8FB
• terminal.ansiYellow#E8B8D8
• terminal.background#FEFBF8
• terminal.border#F0D5E2
• terminal.foreground#3D2D35
• textBlockQuote.background#FFF3F8
• textBlockQuote.border#e488ac
• textCodeBlock.background#FFF3F8
• textLink.activeForeground#D87098
• textLink.foreground#e488ac
• textPreformat.foreground#77c1c8
• textSeparator.foreground#F0D5E2
• titleBar.activeBackground#3D2D35
• titleBar.activeForeground#FFD5E8
• titleBar.border#F0D5E2
• titleBar.inactiveBackground#5D4A52
• titleBar.inactiveForeground#9D8A92

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...