diff --git a/parfum-shop/src/components/ProductDetailPage.css b/parfum-shop/src/components/ProductDetailPage.css index 7205678..9e4e467 100644 --- a/parfum-shop/src/components/ProductDetailPage.css +++ b/parfum-shop/src/components/ProductDetailPage.css @@ -231,11 +231,11 @@ } .structure-block:nth-of-type(1)::before { - background: rgba(255, 106, 0, 0.22); + background: #ffdecc; } .structure-block:nth-of-type(2)::before { - background: rgba(255, 106, 0, 0.45); + background: #ffad80; } .structure-block:nth-of-type(3)::before { @@ -288,18 +288,21 @@ } .structure-block:nth-of-type(1) .structure-tag { - background: rgba(255, 106, 0, 0.05); - border-color: rgba(255, 106, 0, 0.16); + background: #ffffff; + border-color: #f0e6df; + color: #555; } .structure-block:nth-of-type(2) .structure-tag { - background: rgba(255, 106, 0, 0.08); - border-color: rgba(255, 106, 0, 0.24); + background: #fff5ed; + border-color: #ffdecc; + color: #444; } .structure-block:nth-of-type(3) .structure-tag { - background: rgba(255, 106, 0, 0.12); - border-color: rgba(255, 106, 0, 0.32); + background: #ffece0; + border-color: #ffad80; + color: #1f1f1f; } /* --- Duftstruktur End --- */ @@ -311,11 +314,7 @@ flex-direction: column; gap: 16px; padding: 22px; - background: linear-gradient( - 180deg, - rgba(255, 106, 0, 0.06), - rgba(255, 106, 0, 0.02) - ); + background: #fff8f5; border: 1px solid rgba(255, 106, 0, 0.18); } @@ -356,11 +355,11 @@ } .structure-info-dot--light { - background: rgba(255, 106, 0, 0.25); + background: #ffdecc; } .structure-info-dot--mid { - background: rgba(255, 106, 0, 0.5); + background: #ffad80; } .structure-info-dot--strong {