You can change the global color settings for your WanderOS website from the Site Editorās Colors panel.
Open the Colors settings
Sign in to app.wander.com.
Select Website in the left sidebar.
In the Website overview, select Edit website.
In the Site Editor, open Styles under Customize.
Expand Colors.
The Site Editor requires a desktop browser.
[Alt text: WanderOS Site Editor Styles panel showing the Colors settings]
Choose your color layout
The Colors panel can show one of two layouts depending on your siteās current color configuration.
Seed colors
Some sites use three color seeds:
Brand: The main brand color used for buttons, links, and section tints.
Accent: A supporting accent color.
Secondary: An additional supporting color.
The Site Editor uses these seeds to generate the siteās color palette.
Flat colors
Other sites use individual color controls for specific surfaces and elements, including:
Background
Secondary background
Primary text
Secondary text
Primary button background
Primary button text
Secondary button background
Secondary button text
The fields shown in your Colors panel are the fields available for your site.
There is no separate Button Themes section in the current Site Editor. Button colors are controlled either by the Brand seed or by the button color fields in the flat-color layout.
Change and preview your colors
Select the color field you want to change.
Enter or choose the new color.
Review the live preview.
Update the remaining colors as needed.
Select Save in the Site Editor preview header.
Color changes remain as unsaved editor changes until you select Save.
Save or discard color changes
The Site Editor shows an Unsaved changes state when you have modified colors without saving.
Select Save to apply the changes.
Select Discard in the unsaved-changes prompt to remove the current draft changes.
If you navigate away with unsaved changes, the Site Editor asks whether you want to save or discard them.
The Site Editor also supports undo and redo while changes remain unsaved. Saving clears the current undo and redo history.
Use accessible color combinations
Choose colors with enough contrast for text and interactive elements.
Avoid combinations such as:
Light text on a light background
Muted text on a light accent color
Light button text on a light button background
Pay particular attention to text over hero images and other background media.
Need help?
Weāre here for you. If you have any questions, reach out to our Support team at [email protected] or chat with us through the 'Help Center'.