Skip to main content
Unwan’s appearance settings are the difference between a plugin that looks bolted onto your store and one that looks like it was designed for it.

Color mode

Set Color mode in Accounts & Privacy → Unwan to one of: The selected mode adds exactly one body class — unwan-color-scheme-light, unwan-color-scheme-dark, or unwan-color-scheme-system — on account and checkout pages. Dark mode replaces only Unwan’s own color tokens; component geometry and markup never change between modes, so a theme’s own dark-mode handling (if any) is never in conflict with Unwan’s.

Accent color

Set Accent color to any hex color. It drives the accent text, primary buttons, selected-state backgrounds, and the derived hover/5%/10% alpha surfaces throughout the picker and My Account — no custom CSS required. Internally, Unwan emits both the hex value and its RGB channels as a small inline style block after the main stylesheet, so accent-derived surfaces can use color-mix() and rgba() without a second round trip.
If you’re overriding the accent color yourself via the unwan_accent_color filter or custom CSS, keep the hex and RGB-channel values in sync — see CSS Variables & Markup for the underlying tokens.

Labels

Every customer-facing string listed below is editable directly from the settings screen, with translations still able to override whatever you type: A handful of additional picker strings (result counts, “No saved addresses match your search,” the “Default” badge, and the search field’s accessible label) aren’t exposed on the settings screen but can still be changed with the unwan_checkout_picker_labels and unwan_account_labels filters — see the Hooks Reference.