Shopify is rolling out a brand‑new look for the admin experience on September 15, 2026. The refresh brings new colors, typography, spacing, and a re‑imagined side navigation. While the visual facelift is automatic for most extensions, apps that render their own UI inside App Home need to decide whether to stay with the old look or migrate to Polaris 2.0. This post breaks down the change, pinpoints who’s impacted, and gives developers a clear, actionable roadmap.
What’s Changing in the Admin UI
The refreshed admin introduces a slimmer side navigation that houses search, notifications, and the store picker. The old side panel that held the “Sidekick” chat moves to a floating widget at the bottom of the screen. Under the hood, the new design lives in a fresh CSS bundle that is served via the Polaris CDN. Functionality stays the same—only the visual layer is swapped.
Who Needs to Pay Attention
Two groups are directly affected:
Path 1 – Let Extensions Auto‑Update
If your app’s UI lives entirely in Admin UI extensions (e.g., product‑detail blocks, navigation‑menu extensions) or in App Home UI extensions, the new stylesheet is applied automatically during the phased rollout. There’s nothing to ship—just monitor the rollout timeline and test a few stores once the new admin appears. The only thing to watch for is visual regressions caused by custom CSS that overrides Shopify defaults; consider removing heavy overrides to let the new design shine.
Path 2 – Embedded App Home Apps Using Polaris 1.x
Embedded apps that render a full App Home page with Polaris 1.0 components stay on the old look until you opt‑in to Polaris 2.0. Shopify has already released a Polaris 1.1 release candidate, and a Polaris 2.0 RC will follow soon. Migrating now gives you two big benefits:
The migration path is straightforward:
bash
# 1️⃣ Install the Polaris 1.1 RC (or latest 1.x) if you haven’t already
npm install @shopify/polaris@1.1.0-rc.0
# 2️⃣ Upgrade your codebase to the new import syntax (no functional change)
# Before
import { Page, Card } from '@shopify/polaris';
# After – same import works for 2.0, just bump the version later
import { Page, Card } from '@shopify/polaris';
# 3️⃣ Run the visual regression suite (Storybook, Percy, etc.) to catch any spacing or icon differences.
npm test
When the Polaris 2.0 RC becomes available, you’ll only need to update the package version:
bash
npm install @shopify/polaris@2.0.0-rc.0
Because Polaris follows semantic versioning on the CDN, the switch is explicit—merchants will never see a half‑updated UI. The admin will automatically serve the 2.0 CSS bundle once your app requests it.
Path 3 – Stay on Polaris 1.x (No Immediate Action Required)
If you prefer to keep the current look, you can simply continue using Polaris 1.x or any custom UI you’ve built. Your app will not pick up the new admin styles on its own, and it will remain consistent across all merchants regardless of the rollout stage. This is a safe choice if you have a large UI overhaul planned for a later release.
What to Do Right Now
All of the above can be completed before the first merchant sees the new admin, ensuring a seamless experience when the rollout reaches 100 %.
Conclusion & Call to Action
Shopify’s visual refresh is a great opportunity to modernize your app’s UI and align with the platform’s design direction. If you’re already on UI extensions, sit back and let Shopify handle the styling. If you ship embedded App Home pages, start the Polaris migration now to avoid a rushed update later. Need help auditing your code or testing the new admin preview? Reach out to our Shopify Partner success team or drop a comment below—we’re happy to walk you through the process step‑by‑step.
