How Page Styles and Themes relate (Import from Theme)

Escher has two separate places where look-and-feel is stored, and they don't share data automatically:

• Page Styles drive your drop sale pages. They're account-level presets you build and apply per drop.
• The storefront Theme drives the standalone storefront. Themes are managed in the Theme Manager / Theme Branding, and one theme is the active theme.

They are independent systems. Editing a Page Style does nothing to your Theme, and changing your active Theme does nothing to your Page Styles — unless you deliberately copy values across with Import from Theme.

When to use Import from Theme

Use it when you've already set up your storefront branding (the active Theme) and you want a Page Style that matches it, instead of re-entering all the colours and font sizes by hand.

The button reads the active theme's branding. If you have no active theme, it's disabled with the tooltip:

No active theme. Set up Theme Branding first.

So set up and activate a theme first (see How to use the Theme Manager).

What it copies

Import from Theme pulls these values from the active theme into the Page Style:

• Text colours — title, subtitle and body.
• Button text colour.
• Background colours — hero background and page background.
• Typography sizes — converted to pixels (e.g. a theme value in rem or a clamp() becomes a px size).
• Font families — only when the theme has them set.

It opens a confirmation dialog first, listing exactly what will be imported and showing a small colour preview, so you can check before applying.

Two modes

The button works in two ways depending on where you trigger it:

• Create — makes a new Page Style from the active theme's branding. It's named after the theme; if a style with that name already exists, a number is appended (e.g. My Theme (1)) so the name stays unique. The new style lands in your Page Styles library.
• Update — applies the active theme's values into the Page Style you're currently editing, overwriting those fields in the form. Nothing is saved until you save the style yourself.

Things to know

• The copy is a one-time snapshot. There's no live link — change the Theme later and your imported Page Styles don't update. Re-import to refresh them.
• Fonts may be substituted. Page Styles use a fixed font list (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana). If the theme's font isn't one of these, it's mapped to the closest match (serif fonts fall back to Georgia, everything else to Inter) without warning.
• Import from Theme is not the same as extracting a style from a URL. URL extraction happens in the drop wizard's Page Design step and reads a website; Import from Theme reads your own active storefront theme. See How to extract styles from a website.