Match your theme style

One setting that makes the widget inherit your theme's fonts, colors, and control styling, on supported themes.

Match theme style makes the widget use your theme's appearance instead of the app's default styling. On a supported theme, this one setting replaces most of the work of matching the color and typography settings by hand.

Check the setting before you change anything: if your store was running a supported theme when you installed the app, it is already on.

It may already be on

When you install the app, it looks at your published theme. If that theme is one it has styling for, Match theme style is turned on for you, so the widget matches from the start.

This happens once, at install. It does not follow you afterwards:

• Switch to a different supported theme later, and you turn the setting on yourself.

• Stores that installed the app before this existed are not changed.

• If anything goes wrong while checking, the setting is simply left off.

Where it is

Settings > Settings > Design > Theme style > Match theme style.

Beside the setting is a link to the list of supported themes, which is the list below.

One switch, and a link to check whether your theme is covered.

Supported themes

The app includes styling for these themes. Support is per theme and per theme version, and the app uses the closest version it has to the one you are running.

The table is ordered by ID, Shopify's theme store ID. It identifies a theme regardless of the name it is sold under, which matters because several of these are sold under more than one name. Theme is the standard name; Also sold as lists the others. If you run one of those names, the styling for that theme applies.

ID	Theme	Also sold as
57	Sunrise
141	Fashionopolism
230	Expression
304	Responsive
459	Vantage
567	Mr Parker
568	Symmetry	Amara
606	Blockshop
623	Testament
677	Showcase
686	Icon
691	California
714	Focal
718	Grid
732	Canopy
739	Pipeline	Pahoa
757	Colors
777	Palo Alto	Pluma
801	Flow
833	Local	Emerge
838	Empire
847	Motion	Memo
855	Prestige
857	Impulse
859	Cascade
868	Broadcast
887	Dawn
902	Expanse
910	Baseline
939	Beyond
1114	Bullet
1356	Sense
1363	Crave
1368	Craft
1399	Be Yours
1431	Studio
1434	Taste
1499	Colorblock
1500	Ride
1535	Shapes
1567	Refresh
1608	Athens	Pharm
1609	Xtra	Vailt
1611	Zest
1615	Yuva
1621	Stiletto	Tapestry
1651	Thrive	Local
1657	Enterprise
1667	Avante
1751	Taiga	Meadow
1762	Reformation	Sunshine
1791	Handmade	Aroma
1826	Combine
1829	Creative
1839	Blum
1841	Origin
1864	Publisher
1878	Neat
1891	Spotlight
2048	Eurus	Whiff
2053	Vision
2077	Gain	Mio
2138	Berlin
2186	Maranello	Sneakers
2221	Xclusive
2240	Next
2264	Unicorn	Cargo
2316	Minimalista
2328	Cello
2412	Concept
2481	Horizon
2514	Murmel	Aesthetic and Flirt
2515	Monk
2566	Veena
2576	Shine
2684	Wonder
2698	Release
2699	Trade
2738	Rise
2779	Luxe
2801	Nordic
2821	Sleek
2825	Soul
2852	Pinnacle
2881	Satoshi
2896	Outsiders
2943	Keystone	Kaleidoscope
2948	King	Noor
2967	Ultra	Grip
2989	Ascent
3027	Ignite
3038	Swiss
3039	Motto
3051	Boutique	Noom
3094	Nimbus
3247	Hyper
3264	Elixira
3422	Allure	Carrara and Bijou
3425	Monochrome
3486	Edge
3500	Maya	Citrus
3533	Lyra
3605	Purity
3620	Pitch
3621	Atelier
3622	Fabric
3623	Dwell
3624	Heritage
3625	Ritual
3626	Savor
3627	Tinker
3628	Vessel
3716	Maximize	Tender, Swift, Various, Vast, and Vigor
3745	Supreme	Heatwave, Royce, Realm, and Rose
3754	Krank
3773	Stockist	Verve, Optic, Residence, and Porter
3872	Zenith
4032	Pebble	Bunie
4041	Athora	Quantum
4156	Prompt	Imagine
4267	Nexus
4276	Helix
4390	Mivo	Woody
4693	Epitome	Daydream
4920	Gravity	GenZ
4961	Stylist
5077	Analog
5231	Radian
5359	Node	Fuse and Fluid
5560	Sky
5665	Cielo	Miro
5679	Chronicle	Tide

If your theme is not listed, see If your theme is not supported below.

The list is updated over time. If your theme is not listed here, check the View supported themes link beside the setting.

What it does

With the setting on, the widget takes its input and button styling, control shapes, and typography from your theme rather than from the app's defaults.

The widget then looks like part of the product page rather than a separate form.

What it does not do

Not covered	Where to handle it
Where the widget sits on the page	Widget placement
Behavior — tooltips, height limits, selected values	Widget behavior
Anything specific to your own customizations of the theme	Custom CSS
The builder's preview panel	Nothing — the preview always uses the app's own styling. Compare with View in Store

Steps

1

Turn on Match theme style

Settings > Settings > Design > Theme style.

2

Save

3

Check a real product page

Use View in Store from the builder. The builder preview does not display the change because it never uses your theme's styling.

4

Adjust anything that is left

Use the color, border, and typography settings, which continue to work alongside this one.

5

Check on a phone

Check the widget again after any theme update.

If your theme is not supported

Turning the setting on causes no problems. The widget keeps the app's own styling. Style it manually instead:

1

Match your fonts

Settings > Design > Typography. Set the four text styles to your theme's fonts and sizes. See Borders and typography.

2

Match your colors

Settings > Design > Color. Copy the values from your theme's own settings so they match exactly. See Colors.

3

Match your border weight and radius

Also in Design. Rounded controls in a theme with square controls are the most noticeable mismatch.

4

Fill any gaps with custom CSS

See Custom CSS.

5

Or contact support

Support can help with theme styling. See Contact support.

Notes

• This setting is store-wide, like everything in Design.

• Support is per theme version, and the app uses the nearest version it has. A very old or very new version of a supported theme may match less closely.

• A heavily customized copy of a supported theme may not match, because the app styles the original theme rather than your changes.

• Color, border, and typography settings still apply, so you can turn this on and then adjust them.