fix(cart): make the "Hinzugefügt" success state subtler

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.
This commit is contained in:
Marco
2026-07-21 12:44:16 +00:00
parent 9c9f0b02c0
commit a6edd7ff61
+9 -1
View File
@@ -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 (
<button