Palette Swap & Theme Switch

Changing a color palette across a full design file shouldn't mean editing screens one by one. Developers flip themes by changing a CSS variable; designers deserve the same power.

Palette Swap & Theme Switch scans every screen in your file, finds every color in use, and lets you change all of them at once, whether that's 10 screens or 100.What it does• Bulk recolor: Scan your screens and see every color in the file with usage counts. Change any of them everywhere in one click: fills, strokes, gradients, shadows, and text, including mixed-color text layers.• One-click light/dark switch: Built a whole product in dark mode? Convert it to light mode (or the reverse) in seconds. The plugin understands color roles: backgrounds, surfaces, text, borders, and accents, and converts each intelligently. Surface elevation order is preserved, text is contrast-checked against WCAG AA, and brand colors keep their identity.• Preview before you commit: Generate a side-by-side preview on a cloned screen. Your originals stay untouched until you hit Apply.• New brand color in seconds: Enter one seed color and get a full 50 to 950 shade scale with a live UI preview (cards, buttons, charts) and a light/dark toggle. Then map it onto your existing screens or export it as paint styles.• Respects your design: Layer opacity, gradient stops, and shadow alpha are always preserved. A 30% overlay stays a 30% overlay.• Save and reuse themes: Store your dark-to-light mapping once, reuse it across files.

How it worksSelect your screens (or nothing to scan the whole page) and hit ScanChoose: Light mode, Dark mode, or New brand colorReview what will change, preview on one screen, then apply to allNo exports, no config files, no going component by component. It all happens directly on your canvas.