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#14101318
• activityBar.border#2A1E24
• activityBar.foreground#F5A8C8
• activityBar.inactiveForeground#9A7884
• activityBarBadge.background#e488ac
• activityBarBadge.foreground#ffffff
• badge.background#e488ac
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#F5A8C8
• breadcrumb.background#1A1418
• breadcrumb.focusForeground#F5EBF0
• breadcrumb.foreground#9A7884
• breadcrumbPicker.background#1A1418
• button.background#e488ac
• button.border#F5A8C860
• button.foreground#ffffff
• button.hoverBackground#F098BC
• button.secondaryBackground#3A2830
• button.secondaryForeground#F5EBF0
• button.secondaryHoverBackground#4A3844
• descriptionForeground#9A7884
• dropdown.background#1A1418
• dropdown.border#4A3844
• dropdown.foreground#F5EBF0
• dropdown.listBackground#141013
• editor.background#1A1418
• editor.findMatchBackground#77c1c860
• editor.findMatchBorder#77c1c8
• editor.findMatchHighlightBackground#e488ac35
• editor.foreground#F5EBF0
• editor.inactiveSelectionBackground#3A283030
• editor.lineHighlightBackground#2A1E24
• editor.lineHighlightBorder#3A283000
• editor.rangeHighlightBackground#2A1E2480
• editor.selectionBackground#e488ac40
• editor.wordHighlightBackground#e488ac25
• editor.wordHighlightBorder#e488ac60
• editor.wordHighlightStrongBackground#e488ac45
• editor.wordHighlightStrongBorder#e488ac80
• editorBracketMatch.background#e488ac35
• editorBracketMatch.border#e488ac
• editorCursor.foreground#e488ac
• editorGroupHeader.tabsBackground#141013
• editorGroupHeader.tabsBorder#2A1E24
• editorGutter.addedBackground#70A888
• editorGutter.background#1A1418
• editorGutter.deletedBackground#e488ac
• editorGutter.modifiedBackground#c8f9fc
• editorHoverWidget.background#1A1418
• editorHoverWidget.border#4A3844
• editorHoverWidget.statusBarBackground#2A1E24
• editorIndentGuide.activeBackground1#6A5860
• editorIndentGuide.background1#3A2830
• editorLineNumber.activeForeground#F5A8C8
• editorLineNumber.foreground#5A4854
• editorOverviewRuler.addedForeground#70A888
• editorOverviewRuler.border#2A1E24
• editorOverviewRuler.deletedForeground#e488ac
• editorOverviewRuler.errorForeground#D84878
• editorOverviewRuler.findMatchForeground#77c1c880
• editorOverviewRuler.modifiedForeground#c8f9fc
• editorOverviewRuler.warningForeground#77c1c8
• editorRuler.foreground#3A2830
• editorSuggestWidget.background#1A1418
• editorSuggestWidget.border#4A3844
• editorSuggestWidget.focusHighlightForeground#e488ac
• editorSuggestWidget.foreground#F5EBF0
• editorSuggestWidget.highlightForeground#F5A8C8
• editorSuggestWidget.selectedBackground#3A2830
• editorWidget.background#2A1E24
• editorWidget.border#4A3844
• editorWidget.foreground#F5EBF0
• editorWidget.resizeBorder#e488ac
• errorForeground#F5A8C8
• focusBorder#e488ac80
• gitDecoration.addedResourceForeground#88C8B0
• gitDecoration.conflictingResourceForeground#fdd7e8
• gitDecoration.deletedResourceForeground#F5A8C8
• gitDecoration.ignoredResourceForeground#6A5860
• gitDecoration.modifiedResourceForeground#77c1c8
• gitDecoration.stageDeletedResourceForeground#F5A8C8
• gitDecoration.stageModifiedResourceForeground#77c1c8
• gitDecoration.submoduleResourceForeground#c8f9fc
• gitDecoration.untrackedResourceForeground#e488ac
• icon.foreground#F5A8C8
• input.background#141013
• input.border#4A3844
• input.foreground#F5EBF0
• input.placeholderForeground#9A7884
• inputOption.activeBackground#e488ac
• inputOption.activeBorder#F5A8C8
• inputOption.activeForeground#ffffff
• inputValidation.errorBackground#D84870820
• inputValidation.errorBorder#D84878
• inputValidation.infoBackground#fdd7e820
• inputValidation.infoBorder#fdd7e8
• inputValidation.warningBackground#c8f9fc20
• inputValidation.warningBorder#77c1c8
• list.activeSelectionBackground#e488ac
• list.activeSelectionForeground#ffffff
• list.activeSelectionIconForeground#ffffff
• list.focusBackground#3A2830
• list.hoverBackground#2A1E24
• list.inactiveSelectionBackground#3A2830
• list.inactiveSelectionForeground#D5C0CC
• minimap.background#1A1418
• minimap.errorHighlight#D84878
• minimap.findMatchHighlight#77c1c880
• minimap.selectionHighlight#e488ac50
• minimap.warningHighlight#77c1c8
• minimapGutter.addedBackground#88C8B0
• minimapGutter.deletedBackground#e488ac
• minimapGutter.modifiedBackground#77c1c8
• notificationCenter.border#4A3844
• notificationCenterHeader.background#2A1E24
• notificationCenterHeader.foreground#F5EBF0
• notifications.background#2A1E24
• notifications.border#4A3844
• notifications.foreground#F5EBF0
• notificationsErrorIcon.foreground#F5A8C8
• notificationsInfoIcon.foreground#c8f9fc
• notificationsWarningIcon.foreground#77c1c8
• panel.background#141013
• panel.border#4A3844
• panelTitle.activeBorder#e488ac
• panelTitle.activeForeground#F5EBF0
• panelTitle.inactiveForeground#9A7884
• peekView.border#e488ac
• peekViewEditor.background#1A1418
• peekViewEditor.matchHighlightBackground#e488ac40
• peekViewEditorGutter.background#2A1E24
• peekViewResult.background#2A1E24
• peekViewResult.fileForeground#F5EBF0
• peekViewResult.lineForeground#D5C0CC
• peekViewResult.matchHighlightBackground#e488ac50
• peekViewResult.selectionBackground#e488ac35
• peekViewResult.selectionForeground#F5EBF0
• peekViewTitle.background#141013
• peekViewTitleDescription.foreground#9A7884
• peekViewTitleLabel.foreground#F5A8C8
• progressBar.background#77c1c8
• sash.hoverBorder#e488ac
• scrollbar.shadow#00000040
• scrollbarSlider.activeBackground#e488ac
• scrollbarSlider.background#6A586050
• scrollbarSlider.hoverBackground#6A586070
• selection.background#e488ac45
• sideBar.background#14101318
• sideBar.foreground#D5C0CC
• sideBarSectionHeader.background#2A1E24
• sideBarSectionHeader.border#4A3844
• sideBarSectionHeader.foreground#F5EBF0
• sideBarTitle.foreground#F5A8C8
• statusBar.background#77c1c8
• statusBar.border#4A3844
• statusBar.debuggingBackground#e488ac
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#1A1418
• statusBar.noFolderBackground#2A1E24
• statusBar.noFolderForeground#F5EBF0
• tab.activeBackground#1A1418
• tab.activeBorder#e488ac
• tab.activeBorderTop#e488ac
• tab.activeForeground#F5A8C8
• tab.border#2A1E24
• tab.hoverBackground#1F181C
• tab.hoverBorder#e488ac80
• tab.hoverForeground#F5A8C8
• tab.inactiveBackground#141013
• tab.inactiveForeground#9A7884
• tab.unfocusedActiveForeground#D5C0CC
• terminal.ansiBlack#1A1418
• terminal.ansiBlue#77c1c8
• terminal.ansiBrightBlack#6A5860
• terminal.ansiBrightBlue#8AD8E8
• terminal.ansiBrightCyan#D8FFFF
• terminal.ansiBrightGreen#98D8C0
• terminal.ansiBrightMagenta#F498BC
• terminal.ansiBrightRed#FFB8D8
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#FFE7F8
• terminal.ansiCyan#c8f9fc
• terminal.ansiGreen#88C8B0
• terminal.ansiMagenta#e488ac
• terminal.ansiRed#F5A8C8
• terminal.ansiWhite#F5EBF0
• terminal.ansiYellow#fdd7e8
• terminal.background#1A1418
• terminal.border#2A1E24
• terminal.foreground#F5EBF0
• textBlockQuote.background#2A1E24
• textBlockQuote.border#e488ac
• textCodeBlock.background#2A1E24
• textLink.activeForeground#FFB8D8
• textLink.foreground#F5A8C8
• textPreformat.foreground#77c1c8
• textSeparator.foreground#4A3844
• titleBar.activeBackground#14101318
• titleBar.activeForeground#F5EBF0
• titleBar.border#2A1E24
• titleBar.inactiveBackground#1A1418
• titleBar.inactiveForeground#9A7884

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

Shiki preview

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

Loading...