# Match Your Side Cart to Your Brand

> Restyles your Modern Cart side cart and floating icon with your brand colors, shows a preview of every change and waits for your OK.

- Job: [Store setup & admin](https://storeagent.ai/mcp-recipes/job/setup/)
- What it does: Asks first: changes your store, only after you say yes
- Time saved: ~20 min vs doing it by hand
- Requires: StoreAgent (free plugin, MCP on every plan) + Modern Cart
- Works in: Claude, ChatGPT, Cursor and any MCP client connected to the store through StoreAgent MCP
- Web page: https://storeagent.ai/mcp-recipes/modern-cart-match-brand-colors/

## The prompt

```text
Make my Modern Cart side cart match my brand. My main color is #1F4E79, my accent color is #F2A541 and my text color is #222222. Read my current Modern Cart appearance and floating cart settings and the valid style options. Plan new values for the button, heading, icon, badge and floating cart colors, and keep the text readable on each background. Run the change as a dry run first and show me a before and after table. Ask me to confirm before you save anything.
```

## What happens when you paste it

You: Make my Modern Cart side cart match my brand…

Assistant: Your cart uses the default purple buttons and a black floating icon in the bottom right. 11 color settings differ from your brand colors. Calling: `moderncart/get-settings`, `moderncart/get-available-options`, `moderncart/update-settings`.

Assistant: This will make changes in WooCommerce. Do you want me to go ahead?

Assistant: Dry run ready: 11 color changes. For example, the button background goes from #6B4FBB to #1F4E79 and the badge from #000000 to #F2A541. Reply yes and I will save them.

## Abilities this recipe calls

- **Read side cart settings** (`moderncart/get-settings`, asks first, from Modern Cart): Reads every Modern Cart setting: where the cart shows, its style, coupon field, colors and button text.
- **List side cart style choices** (`moderncart/get-available-options`, asks first, from Modern Cart): Lists the valid choices for cart style, theme, coupon field, floating icon position and alignment.
- **Change side cart settings** (`moderncart/update-settings`, asks first, from Modern Cart): Changes only the Modern Cart settings you name, with a preview before anything is saved.

## Variations

Add one of these to the end of the prompt. Swap anything in [brackets] for your own details.

- Also move the floating cart icon to the bottom left.
- Use my accent color only for the checkout button.

## Related recipes

- [Add a Gift Message Option to My Products](https://storeagent.ai/mcp-recipes/ppom-gift-message-group.md): Describe the gift options you want in plain words and get a PPOM field group built, tested and saved after you approve it.
- [Can I Switch to the Block Checkout?](https://storeagent.ai/mcp-recipes/booster-block-checkout-ready.md): Find out which of your Booster modules work with the WooCommerce block checkout, and which still need the classic one.
- [Check Your Cart Recovery Setup](https://storeagent.ai/mcp-recipes/cart-recovery-settings-check.md): Reviews every cart recovery setting against your recent results and suggests changes, then makes only the ones you approve.

---

Part of the StoreAgent WooCommerce MCP Recipes directory: https://storeagent.ai/mcp-recipes/ (index for LLMs: https://storeagent.ai/mcp-recipes/llms.txt). Get StoreAgent free: https://app.storeagent.ai/sign-up/