Why designs do not adapt
Every design ships with its own colors and type on purpose. Re-theming is a separate, better step.
The rule
Every design ships with its colors, type, spacing and copy baked in, and the prompt explicitly instructs your agent not to re-theme it. Nothing reads from a theme context. Nothing tries to detect your palette.
Why we made that call
An agent asked to blend a finished design into an existing palette produces something that is neither. It keeps the layout but loses the contrast relationships the design was built on, and you end up debugging a screen you have never seen working. Every design decision in the library was made against specific colors; change them at paste time and the reasoning goes with them.
Taking it as-is means you see the design working first, which is also the only way to tell whether the paste succeeded. Then you re-theme deliberately, in one follow-up message, with the working version in front of you as a reference.
How to re-theme afterwards
Every design keeps its values in one tokens object at the top of the file, so this is a small, contained change for an agent to make.
Re-theme components/volt-paywall/screen.tsx to our brand:
background #0F1115
surface #171A20
ink #F5F5F7
accent #FF6B4A
Change only the tokens object. Leave every layout value, font size,
radius and animation exactly as it is.