From a6edd7ff6160bfd7fd647db2442e897b31b78594 Mon Sep 17 00:00:00 2001 From: Marco Date: Tue, 21 Jul 2026 12:44:16 +0000 Subject: [PATCH] =?UTF-8?q?fix(cart):=20make=20the=20"Hinzugef=C3=BCgt"=20?= =?UTF-8?q?success=20state=20subtler?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Was a solid bright-green fill with white text; now the same pale success-subtle fill + success-colored text/border AddToCartInlineButton already uses elsewhere (RelatedProducts, shop cards) — consistent, less loud. --- app/components/AddToCartButton.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/app/components/AddToCartButton.tsx b/app/components/AddToCartButton.tsx index 58f357c..c296f88 100644 --- a/app/components/AddToCartButton.tsx +++ b/app/components/AddToCartButton.tsx @@ -49,7 +49,15 @@ export function AddToCartButton({ // into `base`, since appending on top can't rely on CSS source order // the way branching a whole className (AddToCartInlineButton's // approach) can when the base itself varies per caller. - const stateClasses = added ? "bg-success! hover:bg-success! text-white!" : ""; + // Pale success-subtle fill + success text + a success-colored border, not + // a solid success-green fill with white text — same restrained pairing + // AddToCartInlineButton already uses (border-success + bg-success-subtle), + // a solid bright-green button read as too loud here. `border` (width) is + // added here too since `base` has none by default, unlike + // AddToCartInlineButton's own base which already carries a plain border. + const stateClasses = added + ? "border border-success! bg-success-subtle! hover:bg-success-subtle! text-success!" + : ""; return (