hasicicsalih/parfum_agsd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color change duftstruktur

Browse Source
This commit is contained in:
anielsen99 2026-04-21 19:04:16 +02:00
parent 0786fbac8b
commit 3f2c51eb1f
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
parfum-shop/src/components/ProductDetailPage.css
View File

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