diff --git a/src/assets/icons/visu/action/chrono-mini.svg b/src/assets/icons/visu/action/chrono-mini.svg
index ee00c672d5806d948ec00e02979c09a82803e8cf..229d5171b73c3dcb566b44915c57fbd457020767 100644
--- a/src/assets/icons/visu/action/chrono-mini.svg
+++ b/src/assets/icons/visu/action/chrono-mini.svg
@@ -1,22 +1,23 @@
<svg width="77" height="85" viewBox="0 0 77 85" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M33.8738 2C32.5909 2 31.5509 3.03999 31.5509 4.32289C31.5509 5.60579 32.5909 6.64578 33.8738 6.64578C34.6068 6.64578 35.2011 7.24001 35.2011 7.97303V8.61444C35.2011 9.63533 34.4183 10.4803 33.4079 10.6262C17.9088 12.8632 6 26.2003 6 42.3188C6 60.0045 20.3371 74.3416 38.0227 74.3416C55.7084 74.3416 70.0455 60.0045 70.0455 42.3188C70.0455 34.1551 66.9905 26.7048 61.9615 21.0489C61.1189 20.1012 61.0229 18.6788 61.8138 17.6876C62.665 16.6208 62.4902 15.0659 61.4234 14.2147L60.8213 13.7343C59.7852 12.9077 58.2752 13.0774 57.4486 14.1134C56.6651 15.0955 55.2614 15.2981 54.1772 14.6635C50.6954 12.6252 46.7943 11.2257 42.6346 10.6257C41.6242 10.48 40.8424 9.63515 40.8424 8.61428V8.30512C40.8424 7.38869 41.5853 6.64578 42.5017 6.64578C43.7846 6.64578 44.8246 5.60579 44.8246 4.32289C44.8246 3.03999 43.7846 2 42.5017 2H33.8738Z" fill="#7B7B7B"/>
-</g>
-<circle cx="38" cy="42.0001" r="28" transform="rotate(-61.9545 38 42.0001)" fill="#121212"/>
-<path d="M50.3018 18.9079C46.715 16.9971 42.7324 15.9481 38.6696 15.8441L38 42L50.3018 18.9079Z" fill="url(#paint0_linear)"/>
-<defs>
-<filter id="filter0_d" x="0" y="0" width="76.0455" height="84.3416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="3"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear" x1="14.4851" y1="30.492" x2="60.6692" y2="55.0956" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-</defs>
-</svg>
+ <g filter="url(#filter0_d_7499_32904)">
+ <path fill-rule="evenodd" clip-rule="evenodd"
+ d="M33.8738 2.06152C32.5909 2.06152 31.5509 3.10152 31.5509 4.38442C31.5509 5.66731 32.5909 6.70731 33.8738 6.70731C34.6068 6.70731 35.2011 7.30153 35.2011 8.03455V8.67596C35.2011 9.69686 34.4183 10.5418 33.4079 10.6877C17.9088 12.9247 6 26.2618 6 42.3804C6 60.066 20.3371 74.4031 38.0227 74.4031C55.7084 74.4031 70.0455 60.066 70.0455 42.3804C70.0455 34.2166 66.9905 26.7663 61.9615 21.1104C61.1189 20.1627 61.0229 18.7403 61.8138 17.7491C62.665 16.6823 62.4902 15.1274 61.4234 14.2762L60.8213 13.7958C59.7852 12.9692 58.2752 13.1389 57.4486 14.175C56.6651 15.157 55.2614 15.3597 54.1772 14.725C50.6954 12.6868 46.7943 11.2873 42.6346 10.6873C41.6242 10.5415 40.8424 9.69667 40.8424 8.67581V8.36664C40.8424 7.45022 41.5853 6.70731 42.5017 6.70731C43.7846 6.70731 44.8246 5.66731 44.8246 4.38442C44.8246 3.10152 43.7846 2.06152 42.5017 2.06152H33.8738Z"
+ fill="#7B7B7B" />
+ </g>
+ <circle cx="38" cy="42.0616" r="28" transform="rotate(-61.9545 38 42.0616)" fill="#121212" />
+ <path d="M50.3021 18.9695C46.7152 17.0586 42.7326 16.0097 38.6699 15.9057L38.0003 42.0615L50.3021 18.9695Z"
+ fill="#E3B82A" />
+ <defs>
+ <filter id="filter0_d_7499_32904" x="0" y="0.0615234" width="76.0454" height="84.3416" filterUnits="userSpaceOnUse"
+ color-interpolation-filters="sRGB">
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+ result="hardAlpha" />
+ <feOffset dy="4" />
+ <feGaussianBlur stdDeviation="3" />
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0" />
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7499_32904" />
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7499_32904" result="shape" />
+ </filter>
+ </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/visu/challenge/circleChecked.svg b/src/assets/icons/visu/challenge/circleChecked.svg
index 26e230cacd9199bcf9847ad238069d592ac32e08..f3bf9994e7741a4c71df16b2e8158c1be84c2891 100644
--- a/src/assets/icons/visu/challenge/circleChecked.svg
+++ b/src/assets/icons/visu/challenge/circleChecked.svg
@@ -1,10 +1,5 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M27.4787 11.8277C28.2571 14.7329 28.0042 17.818 26.7629 20.5576C25.5216 23.2971 23.3689 25.5215 20.6714 26.8517C17.974 28.182 14.8987 28.5357 11.9697 27.8528C9.04064 27.1698 6.43901 25.4924 4.60809 23.1063C2.77717 20.7202 1.83024 17.773 1.92864 14.767C2.02705 11.761 3.1647 8.88214 5.14776 6.62089C7.13082 4.35965 9.83659 2.85595 12.804 2.36603C15.7715 1.8761 18.817 2.43025 21.4217 3.93406" stroke="#A0A0A0" stroke-width="2" stroke-linecap="round"/>
-<path d="M8.14648 14.4286L13.8132 20L25.1465 7" stroke="url(#paint0_linear)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<defs>
-<linearGradient id="paint0_linear" x1="16.3543" y1="7" x2="16.3543" y2="20" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path
+ d="M12 2.5C6.48 2.5 2 6.98 2 12.5C2 18.02 6.48 22.5 12 22.5C17.52 22.5 22 18.02 22 12.5C22 6.98 17.52 2.5 12 2.5ZM9.29 16.79L5.7 13.2C5.31 12.81 5.31 12.18 5.7 11.79C6.09 11.4 6.72 11.4 7.11 11.79L10 14.67L16.88 7.79C17.27 7.4 17.9 7.4 18.29 7.79C18.68 8.18 18.68 8.81 18.29 9.2L10.7 16.79C10.32 17.18 9.68 17.18 9.29 16.79Z"
+ fill="#E3B82A" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/visu/challenge/circleUnchecked.svg b/src/assets/icons/visu/challenge/circleUnchecked.svg
index 0c4ff394d933df9bcc175000307a6cc41b3c83ba..530c5235d54e90fffca2343d3e5cbb56b6ffd552 100644
--- a/src/assets/icons/visu/challenge/circleUnchecked.svg
+++ b/src/assets/icons/visu/challenge/circleUnchecked.svg
@@ -1,3 +1,5 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="15" cy="15" r="12" stroke="#A0A0A0" stroke-width="2"/>
-</svg>
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path
+ d="M12 2.5C6.48 2.5 2 6.98 2 12.5C2 18.02 6.48 22.5 12 22.5C17.52 22.5 22 18.02 22 12.5C22 6.98 17.52 2.5 12 2.5ZM12 20.5C7.58 20.5 4 16.92 4 12.5C4 8.08 7.58 4.5 12 4.5C16.42 4.5 20 8.08 20 12.5C20 16.92 16.42 20.5 12 20.5Z"
+ fill="#A0A0A0" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/visu/challenge/star.svg b/src/assets/icons/visu/challenge/star.svg
index d5f9c443d9e93577b5295ed72c2136264020b991..2f645b4e044829cc1823e112ab1d445c74d5beb3 100644
--- a/src/assets/icons/visu/challenge/star.svg
+++ b/src/assets/icons/visu/challenge/star.svg
@@ -1,15 +1,5 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d)">
-<path d="M15.4829 5.28193L10.6864 4.59758L8.54222 0.330127C8.48365 0.213287 8.38731 0.118702 8.26829 0.0612089C7.96981 -0.0834504 7.6071 0.037099 7.45786 0.330127L5.3137 4.59758L0.517213 5.28193C0.384974 5.30047 0.26407 5.36167 0.171503 5.45441C0.0595945 5.56733 -0.0020722 5.71924 5.31712e-05 5.87678C0.00217854 6.03431 0.0679221 6.18457 0.182838 6.29454L3.65316 9.61614L2.83328 14.3064C2.81405 14.4156 2.82635 14.5278 2.86878 14.6304C2.91121 14.733 2.98207 14.8218 3.07333 14.8869C3.16459 14.952 3.27259 14.9906 3.38509 14.9985C3.4976 15.0064 3.6101 14.9831 3.70983 14.9314L8.00004 12.717L12.2902 14.9314C12.4074 14.9926 12.5434 15.013 12.6737 14.9908C13.0024 14.9352 13.2235 14.6291 13.1668 14.3064L12.3469 9.61614L15.8172 6.29454C15.9117 6.20367 15.974 6.08497 15.9929 5.95515C16.0439 5.63059 15.8135 5.33015 15.4829 5.28193Z" fill="#121212"/>
-</g>
-<defs>
-<filter id="filter0_d" x="0" y="0" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.2875 0 0 0 0 0.2875 0 0 0 0 0.2875 0 0 0 1 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
-</filter>
-</defs>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path
+ d="M12 17.5195L16.15 20.0295C16.91 20.4895 17.84 19.8095 17.64 18.9495L16.54 14.2295L20.21 11.0495C20.88 10.4695 20.5199 9.36952 19.6399 9.29952L14.81 8.88952L12.92 4.42952C12.58 3.61952 11.42 3.61952 11.08 4.42952L9.18995 8.87952L4.35995 9.28952C3.47995 9.35952 3.11995 10.4595 3.78995 11.0395L7.45995 14.2195L6.35995 18.9395C6.15995 19.7995 7.08995 20.4795 7.84995 20.0195L12 17.5195Z"
+ fill="#585B69" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/visu/challenge/starFilled.svg b/src/assets/icons/visu/challenge/starFilled.svg
index d787ed0450bf3c28b62dfef2edd1cecc6662fa41..7f20e629a01f514169aec3008ab12196cd44151a 100644
--- a/src/assets/icons/visu/challenge/starFilled.svg
+++ b/src/assets/icons/visu/challenge/starFilled.svg
@@ -1,9 +1,20 @@
-<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.4829 5.28193L10.6864 4.59758L8.54222 0.330127C8.48365 0.213287 8.38731 0.118702 8.26829 0.0612089C7.96981 -0.0834504 7.6071 0.037099 7.45786 0.330127L5.3137 4.59758L0.517213 5.28193C0.384974 5.30047 0.26407 5.36167 0.171503 5.45441C0.0595945 5.56733 -0.0020722 5.71924 5.31712e-05 5.87678C0.00217854 6.03431 0.0679221 6.18457 0.182838 6.29454L3.65316 9.61614L2.83328 14.3064C2.81405 14.4156 2.82635 14.5278 2.86878 14.6304C2.91121 14.733 2.98207 14.8218 3.07333 14.8869C3.16459 14.952 3.27259 14.9906 3.38509 14.9985C3.4976 15.0064 3.6101 14.9831 3.70983 14.9314L8.00004 12.717L12.2902 14.9314C12.4074 14.9926 12.5434 15.013 12.6737 14.9908C13.0024 14.9352 13.2235 14.6291 13.1668 14.3064L12.3469 9.61614L15.8172 6.29454C15.9117 6.20367 15.974 6.08497 15.9929 5.95515C16.0439 5.63059 15.8135 5.33015 15.4829 5.28193Z" fill="url(#paint0_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="7.725" y1="9.91422e-08" x2="7.725" y2="15" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <g filter="url(#filter0_d_7436_63344)">
+ <path
+ d="M13 18.5195L17.15 21.0295C17.91 21.4895 18.84 20.8095 18.64 19.9495L17.54 15.2295L21.21 12.0495C21.88 11.4695 21.5199 10.3695 20.6399 10.2995L15.81 9.88952L13.92 5.42952C13.58 4.61952 12.42 4.61952 12.08 5.42952L10.19 9.87952L5.35995 10.2895C4.47995 10.3595 4.11995 11.4595 4.78995 12.0395L8.45995 15.2195L7.35995 19.9395C7.15995 20.7995 8.08995 21.4795 8.84995 21.0195L13 18.5195Z"
+ fill="#E3B82A" />
+ </g>
+ <defs>
+ <filter id="filter0_d_7436_63344" x="-3" y="-3" width="32" height="32" filterUnits="userSpaceOnUse"
+ color-interpolation-filters="sRGB">
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+ result="hardAlpha" />
+ <feOffset />
+ <feGaussianBlur stdDeviation="2" />
+ <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.776471 0 0 0 0 0 0 0 0 0.5 0" />
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7436_63344" />
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7436_63344" result="shape" />
+ </filter>
+ </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/visu/duel/circleStar.svg b/src/assets/icons/visu/duel/circleStar.svg
index 6d7f8b3846d6e4b89fdecb5e5879c5397d74ff98..9d1fb542af010de252d8aaabd6b0de639b9e679e 100644
--- a/src/assets/icons/visu/duel/circleStar.svg
+++ b/src/assets/icons/visu/duel/circleStar.svg
@@ -1,14 +1,5 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="15" cy="15" r="14" stroke="url(#paint0_linear)" stroke-width="2"/>
-<path d="M23.4182 12.6341L18.0222 11.9041L15.61 7.35214C15.5441 7.22751 15.4357 7.12662 15.3018 7.06529C14.966 6.91099 14.558 7.03957 14.3901 7.35214L11.9779 11.9041L6.58186 12.6341C6.4331 12.6538 6.29708 12.7191 6.19294 12.818C6.06704 12.9385 5.99767 13.1005 6.00006 13.2686C6.00245 13.4366 6.07641 13.5969 6.20569 13.7142L10.1098 17.2572L9.18744 22.2602C9.16581 22.3766 9.17965 22.4963 9.22738 22.6057C9.27511 22.7151 9.35483 22.8099 9.4575 22.8793C9.56016 22.9488 9.68166 22.99 9.80823 22.9984C9.9348 23.0068 10.0614 22.982 10.1736 22.9269L15 20.5648L19.8265 22.9269C19.9583 22.9922 20.1113 23.0139 20.258 22.9902C20.6277 22.9308 20.8764 22.6044 20.8126 22.2602L19.8903 17.2572L23.7944 13.7142C23.9007 13.6172 23.9708 13.4906 23.992 13.3522C24.0494 13.006 23.7901 12.6855 23.4182 12.6341Z" fill="url(#paint1_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="14.5187" y1="1" x2="14.5188" y2="29" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="14.6906" y1="7" x2="14.6906" y2="23" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path
+ d="M12 17.5195L16.15 20.0295C16.91 20.4895 17.84 19.8095 17.64 18.9495L16.54 14.2295L20.21 11.0495C20.88 10.4695 20.5199 9.36952 19.6399 9.29952L14.81 8.88952L12.92 4.42952C12.58 3.61952 11.42 3.61952 11.08 4.42952L9.18995 8.87952L4.35995 9.28952C3.47995 9.35952 3.11995 10.4595 3.78995 11.0395L7.45995 14.2195L6.35995 18.9395C6.15995 19.7995 7.08995 20.4795 7.84995 20.0195L12 17.5195Z"
+ fill="#E3B82A" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/visu/duel/locked.svg b/src/assets/icons/visu/duel/locked.svg
index b38678fa762f7831a8fb0434b716d53a9cafa49d..197f5d3364a2bafffadac6de87da05387ca4f697 100644
--- a/src/assets/icons/visu/duel/locked.svg
+++ b/src/assets/icons/visu/duel/locked.svg
@@ -1,4 +1,20 @@
-<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="32.5" cy="32.5" r="32.5" fill="#121212"/>
-<path d="M46 32.5C46 30.68 44.5424 29.2 42.75 29.2H41.125V24.25C41.125 19.7009 37.4801 16 33 16C28.5199 16 24.875 19.7009 24.875 24.25V29.2H23.25C21.4576 29.2 20 30.68 20 32.5V45.7C20 47.5199 21.4576 49 23.25 49H42.75C44.5424 49 46 47.5199 46 45.7V32.5ZM28.125 24.25C28.125 21.5209 30.3123 19.3 33 19.3C35.6877 19.3 37.875 21.5209 37.875 24.25V29.2H28.125V24.25Z" fill="#A0A0A0"/>
-</svg>
+<svg width="24" height="29" viewBox="0 0 24 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <g filter="url(#filter0_d_7436_63570)">
+ <path
+ d="M18 11H17V9C17 6.24 14.76 4 12 4C9.24 4 7 6.24 7 9V11H6C4.9 11 4 11.9 4 13V23C4 24.1 4.9 25 6 25H18C19.1 25 20 24.1 20 23V13C20 11.9 19.1 11 18 11ZM12 20C10.9 20 10 19.1 10 18C10 16.9 10.9 16 12 16C13.1 16 14 16.9 14 18C14 19.1 13.1 20 12 20ZM9 11V9C9 7.34 10.34 6 12 6C13.66 6 15 7.34 15 9V11H9Z"
+ fill="#E3B82A" />
+ </g>
+ <defs>
+ <filter id="filter0_d_7436_63570" x="-4" y="-1" width="32" height="32" filterUnits="userSpaceOnUse"
+ color-interpolation-filters="sRGB">
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+ result="hardAlpha" />
+ <feOffset />
+ <feGaussianBlur stdDeviation="2" />
+ <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.776471 0 0 0 0 0 0 0 0 0.5 0" />
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7436_63570" />
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7436_63570" result="shape" />
+ </filter>
+ </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/visu/quiz/questionMark.svg b/src/assets/icons/visu/quiz/questionMark.svg
index b0723d74e8633a1bd11c1831b95d3d6661b5874f..940111da205094cb4de550231f0679dfad2174bc 100644
--- a/src/assets/icons/visu/quiz/questionMark.svg
+++ b/src/assets/icons/visu/quiz/questionMark.svg
@@ -1,38 +1,29 @@
-<svg width="181" height="180" viewBox="0 0 181 180" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M155 88C155 123.899 125.899 153 90 153C54.1015 153 25 123.899 25 88C25 52.1015 54.1015 23 90 23C125.899 23 155 52.1015 155 88ZM90 143C120.376 143 145 118.376 145 88C145 57.6243 120.376 33 90 33C59.6243 33 35 57.6243 35 88C35 118.376 59.6243 143 90 143Z" fill="url(#paint0_linear)"/>
-<g filter="url(#filter0_d)">
-<circle cx="90" cy="88" r="55" fill="url(#paint1_linear)"/>
-</g>
-<path d="M74 62.4129C75.0606 61.5234 76.2072 60.6913 77.4398 59.9166C78.7011 59.1419 80.0483 58.4676 81.4816 57.8937C82.9148 57.2912 84.4484 56.8321 86.0823 56.5165C87.7449 56.1722 89.5364 56 91.457 56C94.1515 56 96.5737 56.3587 98.7236 57.076C100.902 57.7933 102.751 58.8263 104.27 60.1748C105.79 61.4947 106.95 63.1015 107.753 64.9953C108.584 66.8603 109 68.9406 109 71.236C109 73.4167 108.699 75.3105 108.097 76.9173C107.495 78.4954 106.735 79.8727 105.818 81.0491C104.901 82.2255 103.883 83.2441 102.765 84.1049C101.676 84.9657 100.63 85.7691 99.6265 86.5151C98.6519 87.2325 97.792 87.9498 97.0467 88.6671C96.3301 89.3844 95.8714 90.1879 95.6708 91.0773L94.4668 97.1029H85.3514L84.4054 90.1735C84.1761 88.7675 84.3194 87.5481 84.8354 86.5151C85.3513 85.4535 86.0536 84.5066 86.9423 83.6745C87.8595 82.8137 88.8771 82.0103 89.9951 81.2643C91.113 80.4896 92.1593 79.6718 93.1339 78.811C94.1085 77.9215 94.9255 76.946 95.5848 75.8843C96.2727 74.794 96.6167 73.5028 96.6167 72.0108C96.6167 70.2892 96.0434 68.9263 94.8968 67.922C93.7789 66.889 92.231 66.3726 90.2531 66.3726C88.7338 66.3726 87.4582 66.5304 86.4263 66.846C85.423 67.1616 84.5487 67.5203 83.8034 67.922C83.0868 68.295 82.4562 68.6393 81.9115 68.9549C81.3669 69.2706 80.8223 69.4284 80.2776 69.4284C79.045 69.4284 78.1278 68.8976 77.5258 67.8359L74 62.4129ZM81.9115 112.64C81.9115 111.607 82.0979 110.646 82.4705 109.757C82.8718 108.867 83.4021 108.092 84.0614 107.432C84.7494 106.772 85.552 106.256 86.4693 105.883C87.3866 105.481 88.3898 105.28 89.4791 105.28C90.5397 105.28 91.5287 105.481 92.4459 105.883C93.3632 106.256 94.1658 106.772 94.8538 107.432C95.5418 108.092 96.0721 108.867 96.4447 109.757C96.846 110.646 97.0467 111.607 97.0467 112.64C97.0467 113.673 96.846 114.649 96.4447 115.567C96.0721 116.456 95.5418 117.231 94.8538 117.891C94.1658 118.551 93.3632 119.067 92.4459 119.44C91.5287 119.813 90.5397 120 89.4791 120C88.3898 120 87.3866 119.813 86.4693 119.44C85.552 119.067 84.7494 118.551 84.0614 117.891C83.4021 117.231 82.8718 116.456 82.4705 115.567C82.0979 114.649 81.9115 113.673 81.9115 112.64Z" fill="url(#paint2_linear)"/>
-<defs>
-<filter id="filter0_d" x="19" y="21" width="142" height="142" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="8"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear" x1="-19.7166" y1="48.2193" x2="210.689" y2="123.305" gradientUnits="userSpaceOnUse">
-<stop offset="0.0896365" stop-color="#3E9596"/>
-<stop offset="0.283947" stop-color="#16A1A3"/>
-<stop offset="0.449352" stop-color="#35DFDF"/>
-<stop offset="0.579588" stop-color="#5EFFFF"/>
-<stop offset="0.657802" stop-color="#28C7D1"/>
-<stop offset="0.828125" stop-color="#016E71"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="88.1094" y1="33" x2="88.1094" y2="143" gradientUnits="userSpaceOnUse">
-<stop stop-color="#323339"/>
-<stop offset="1" stop-color="#25262B"/>
-</linearGradient>
-<linearGradient id="paint2_linear" x1="50.8646" y1="40.3721" x2="151.254" y2="64.8509" gradientUnits="userSpaceOnUse">
-<stop offset="0.0896365" stop-color="#3E9596"/>
-<stop offset="0.283947" stop-color="#16A1A3"/>
-<stop offset="0.449352" stop-color="#35DFDF"/>
-<stop offset="0.579588" stop-color="#5EFFFF"/>
-<stop offset="0.657802" stop-color="#28C7D1"/>
-<stop offset="0.828125" stop-color="#016E71"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="142" height="145" viewBox="0 0 142 145" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path fill-rule="evenodd" clip-rule="evenodd"
+ d="M136 70C136 105.899 106.899 135 71 135C35.1015 135 6 105.899 6 70C6 34.1015 35.1015 5 71 5C106.899 5 136 34.1015 136 70ZM71 125C101.376 125 126 100.376 126 70C126 39.6243 101.376 15 71 15C40.6243 15 16 39.6243 16 70C16 100.376 40.6243 125 71 125Z"
+ fill="#E3B82A" />
+ <g filter="url(#filter0_d_197_40953)">
+ <circle cx="71" cy="70" r="55" fill="url(#paint0_linear_197_40953)" />
+ </g>
+ <path
+ d="M55 44.4129C56.0606 43.5234 57.2072 42.6913 58.4398 41.9166C59.7011 41.1419 61.0483 40.4676 62.4816 39.8937C63.9148 39.2912 65.4484 38.8321 67.0823 38.5165C68.7449 38.1722 70.5364 38 72.457 38C75.1515 38 77.5737 38.3587 79.7236 39.076C81.9021 39.7933 83.751 40.8263 85.2703 42.1748C86.7895 43.4947 87.9504 45.1015 88.7531 46.9953C89.5844 48.8603 90 50.9406 90 53.236C90 55.4167 89.699 57.3105 89.097 58.9173C88.4951 60.4954 87.7355 61.8727 86.8182 63.0491C85.9009 64.2255 84.8833 65.2441 83.7654 66.1049C82.6761 66.9657 81.6298 67.7691 80.6265 68.5151C79.6519 69.2325 78.792 69.9498 78.0467 70.6671C77.3301 71.3844 76.8714 72.1879 76.6708 73.0773L75.4668 79.1029H66.3514L65.4054 72.1735C65.1761 70.7675 65.3194 69.5481 65.8354 68.5151C66.3513 67.4535 67.0536 66.5066 67.9423 65.6745C68.8595 64.8137 69.8771 64.0103 70.9951 63.2643C72.113 62.4896 73.1593 61.6718 74.1339 60.811C75.1085 59.9215 75.9255 58.946 76.5848 57.8843C77.2727 56.794 77.6167 55.5028 77.6167 54.0108C77.6167 52.2892 77.0434 50.9263 75.8968 49.922C74.7789 48.889 73.231 48.3726 71.2531 48.3726C69.7338 48.3726 68.4582 48.5304 67.4263 48.846C66.423 49.1616 65.5487 49.5203 64.8034 49.922C64.0868 50.295 63.4562 50.6393 62.9115 50.9549C62.3669 51.2706 61.8223 51.4284 61.2776 51.4284C60.045 51.4284 59.1278 50.8976 58.5258 49.8359L55 44.4129ZM62.9115 94.6402C62.9115 93.6073 63.0979 92.646 63.4705 91.7566C63.8718 90.8671 64.4021 90.0924 65.0614 89.4324C65.7494 88.7725 66.552 88.256 67.4693 87.883C68.3866 87.4813 69.3898 87.2804 70.4791 87.2804C71.5397 87.2804 72.5287 87.4813 73.4459 87.883C74.3632 88.256 75.1658 88.7725 75.8538 89.4324C76.5418 90.0924 77.0721 90.8671 77.4447 91.7566C77.846 92.646 78.0467 93.6073 78.0467 94.6402C78.0467 95.6732 77.846 96.6487 77.4447 97.5669C77.0721 98.4564 76.5418 99.2311 75.8538 99.8911C75.1658 100.551 74.3632 101.067 73.4459 101.44C72.5287 101.813 71.5397 102 70.4791 102C69.3898 102 68.3866 101.813 67.4693 101.44C66.552 101.067 65.7494 100.551 65.0614 99.8911C64.4021 99.2311 63.8718 98.4564 63.4705 97.5669C63.0979 96.6487 62.9115 95.6732 62.9115 94.6402Z"
+ fill="#E3B82A" />
+ <defs>
+ <filter id="filter0_d_197_40953" x="0" y="3" width="142" height="142" filterUnits="userSpaceOnUse"
+ color-interpolation-filters="sRGB">
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+ result="hardAlpha" />
+ <feOffset dy="4" />
+ <feGaussianBlur stdDeviation="8" />
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0" />
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_197_40953" />
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_197_40953" result="shape" />
+ </filter>
+ <linearGradient id="paint0_linear_197_40953" x1="69.1094" y1="15" x2="69.1094" y2="125"
+ gradientUnits="userSpaceOnUse">
+ <stop stop-color="#323339" />
+ <stop offset="1" stop-color="#25262B" />
+ </linearGradient>
+ </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/visu/quiz/starResult.svg b/src/assets/icons/visu/quiz/starResult.svg
index f3a318164ecb85cd37cfde5cdd4f8b687cc3055f..d925b82ed6b700f97b0947ac8e78ea3dd2124943 100644
--- a/src/assets/icons/visu/quiz/starResult.svg
+++ b/src/assets/icons/visu/quiz/starResult.svg
@@ -1,9 +1,5 @@
<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29.998 10.2117L20.7049 8.88865L16.5505 0.638245C16.4371 0.412354 16.2504 0.22949 16.0198 0.118337C15.4415 -0.161338 14.7388 0.0717248 14.4496 0.638245L10.2953 8.88865L1.0021 10.2117C0.745888 10.2476 0.511636 10.3659 0.332287 10.5452C0.115464 10.7635 -0.00401488 11.0572 0.000103019 11.3618C0.00422092 11.6663 0.131599 11.9568 0.354248 12.1694L7.078 18.5912L5.48948 27.6591C5.45223 27.8701 5.47606 28.087 5.55826 28.2854C5.64047 28.4837 5.77776 28.6555 5.95458 28.7813C6.13139 28.9071 6.34065 28.9819 6.55862 28.9971C6.77659 29.0123 6.99456 28.9674 7.18781 28.8675L15.5001 24.5863L23.8123 28.8675C24.0393 28.9858 24.3028 29.0252 24.5554 28.9822C25.1922 28.8746 25.6205 28.283 25.5107 27.6591L23.9221 18.5912L30.6459 12.1694C30.8289 11.9938 30.9497 11.7643 30.9863 11.5133C31.0851 10.8858 30.6386 10.305 29.998 10.2117Z" fill="url(#paint0_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="14.9672" y1="1.91675e-07" x2="14.9672" y2="29" gradientUnits="userSpaceOnUse">
-<stop stop-color="#61F0F2"/>
-<stop offset="1" stop-color="#48C2C4"/>
-</linearGradient>
-</defs>
-</svg>
+ <path
+ d="M29.998 10.2117L20.7049 8.88865L16.5505 0.638245C16.4371 0.412354 16.2504 0.22949 16.0198 0.118337C15.4415 -0.161338 14.7388 0.0717248 14.4496 0.638245L10.2953 8.88865L1.0021 10.2117C0.745888 10.2476 0.511636 10.3659 0.332287 10.5452C0.115464 10.7635 -0.00401488 11.0572 0.000103019 11.3618C0.00422092 11.6663 0.131599 11.9568 0.354248 12.1694L7.078 18.5912L5.48948 27.6591C5.45223 27.8701 5.47606 28.087 5.55826 28.2854C5.64047 28.4837 5.77776 28.6555 5.95458 28.7813C6.13139 28.9071 6.34065 28.9819 6.55862 28.9971C6.77659 29.0123 6.99456 28.9674 7.18781 28.8675L15.5001 24.5863L23.8123 28.8675C24.0393 28.9858 24.3028 29.0252 24.5554 28.9822C25.1922 28.8746 25.6205 28.283 25.5107 27.6591L23.9221 18.5912L30.6459 12.1694C30.8289 11.9938 30.9497 11.7643 30.9863 11.5133C31.0851 10.8858 30.6386 10.305 29.998 10.2117Z"
+ fill="#E3B82A" />
+</svg>
\ No newline at end of file
diff --git a/src/components/Action/ActionBegin/ActionBegin.tsx b/src/components/Action/ActionBegin/ActionBegin.tsx
index e99da54cbc2576c39c568ded52efce2c841d7576..fa499155dd4cac60171963f6de2b527d96fb59df 100644
--- a/src/components/Action/ActionBegin/ActionBegin.tsx
+++ b/src/components/Action/ActionBegin/ActionBegin.tsx
@@ -76,10 +76,7 @@ const ActionBegin = ({
size={100}
/>
</div>
- <StarsContainer
- result={userChallenge.progress.actionProgress}
- isQuizBegin={true}
- />
+ <StarsContainer result={userChallenge.progress.actionProgress} />
<h1 className="text-20-bold">{currentAction.shortName}</h1>
<div className="action-duration text-18">
{t('action.duration', {
diff --git a/src/components/Action/ActionBegin/__snapshots__/ActionBegin.spec.tsx.snap b/src/components/Action/ActionBegin/__snapshots__/ActionBegin.spec.tsx.snap
index 8bf9c264ef663084bce0d1a421a4ecc092f8ae3b..83233fca545fd937d97b1cbb78efa7dc736960c9 100644
--- a/src/components/Action/ActionBegin/__snapshots__/ActionBegin.spec.tsx.snap
+++ b/src/components/Action/ActionBegin/__snapshots__/ActionBegin.spec.tsx.snap
@@ -31,8 +31,8 @@ exports[`ActionBegin component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
@@ -41,8 +41,8 @@ exports[`ActionBegin component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
@@ -51,8 +51,8 @@ exports[`ActionBegin component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
@@ -61,8 +61,8 @@ exports[`ActionBegin component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
@@ -71,8 +71,8 @@ exports[`ActionBegin component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
diff --git a/src/components/Action/ActionBegin/actionBegin.scss b/src/components/Action/ActionBegin/actionBegin.scss
index b8c5ee8ae3da8531a55528cc4753e16114554e3a..47f4026150eb2dc79461663ae72807cc02c26e56 100644
--- a/src/components/Action/ActionBegin/actionBegin.scss
+++ b/src/components/Action/ActionBegin/actionBegin.scss
@@ -42,7 +42,7 @@
background: $grey-linear-gradient-background;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
border-radius: 8px;
- border: solid 2px $blue;
+ border: solid 2px $multi-color;
display: flex;
}
.action-icon {
diff --git a/src/components/Action/ActionChoose/__snapshots__/ActionChoose.spec.tsx.snap b/src/components/Action/ActionChoose/__snapshots__/ActionChoose.spec.tsx.snap
index 8d568d329feda6361e1e509315a0d4ea85071cc4..761c0f5cf1a18729b645833fc2de82882e39d9a0 100644
--- a/src/components/Action/ActionChoose/__snapshots__/ActionChoose.spec.tsx.snap
+++ b/src/components/Action/ActionChoose/__snapshots__/ActionChoose.spec.tsx.snap
@@ -34,8 +34,8 @@ exports[`ActionChoose component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
@@ -44,8 +44,8 @@ exports[`ActionChoose component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
@@ -54,8 +54,8 @@ exports[`ActionChoose component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
@@ -64,8 +64,8 @@ exports[`ActionChoose component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
@@ -74,8 +74,8 @@ exports[`ActionChoose component should render correctly 1`] = `
<svg
aria-hidden="true"
class="star styles__icon___23x3R"
- height="25"
- width="25"
+ height="24"
+ width="24"
>
<use
xlink:href="#test-file-stub"
diff --git a/src/components/Action/ActionDone/actionDone.scss b/src/components/Action/ActionDone/actionDone.scss
index 3ddbc3295d3215f0768c5b9a36b4acf424e8d2ba..a3104d1b86900a175426a1f4f1f1b7056fc39e04 100644
--- a/src/components/Action/ActionDone/actionDone.scss
+++ b/src/components/Action/ActionDone/actionDone.scss
@@ -31,7 +31,7 @@
.stars {
display: flex;
align-items: center;
- color: $blue-light;
+ color: $multi-color;
font-size: 1.5rem;
font-weight: bold;
span {
diff --git a/src/components/Action/ActionOnGoing/ActionOnGoing.tsx b/src/components/Action/ActionOnGoing/ActionOnGoing.tsx
index 1fcff5c0dae00c18538f6c79fb2fc2ae2c9d3186..6931bbbd1ee30690e618c5e72621563ac47640a5 100644
--- a/src/components/Action/ActionOnGoing/ActionOnGoing.tsx
+++ b/src/components/Action/ActionOnGoing/ActionOnGoing.tsx
@@ -22,28 +22,28 @@ const ActionOnGoing = ({ userAction }: { userAction: UserAction }) => {
)
const progress = ratio * progressionInDays
if (progress === 0) {
- return `linear-gradient(90deg, #121212 50%,transparent 50%), linear-gradient(110deg, #58ffff 50%, transparent 50%)`
+ return `linear-gradient(90deg, #121212 50%,transparent 50%), linear-gradient(110deg, #e3b82a 50%, transparent 50%)`
} else if (progress === circle) {
- return `linear-gradient(90deg, #58ffff 50%, #58ffff 50%)`
+ return `linear-gradient(90deg, #e3b82a 50%, #e3b82a 50%)`
} else if (progress === circle / 2) {
- return `linear-gradient(90deg, #121212 50%, #58ffff 50%)`
+ return `linear-gradient(90deg, #121212 50%, #e3b82a 50%)`
} else if (progress > circle / 2) {
if (durationInDays / 3 === 1) {
return `linear-gradient(${
progress / 2
- }deg, transparent 50%, #58ffff 50%),
- linear-gradient(90deg, transparent 50%, #58ffff 50%)`
+ }deg, transparent 50%, #e3b82a 50%),
+ linear-gradient(90deg, transparent 50%, #e3b82a 50%)`
} else {
- return `linear-gradient(90deg, transparent 50%, #58ffff 50%),
- linear-gradient(180deg, transparent 50%, #58ffff 50%)`
+ return `linear-gradient(90deg, transparent 50%, #e3b82a 50%),
+ linear-gradient(180deg, transparent 50%, #e3b82a 50%)`
}
} else if (progress < circle / 2) {
if (durationInDays / 3 === 1) {
- return `linear-gradient(90deg, #121212 50%,transparent 50%), linear-gradient(240deg, #58ffff 50%, transparent 50%)`
+ return `linear-gradient(90deg, #121212 50%,transparent 50%), linear-gradient(240deg, #e3b82a 50%, transparent 50%)`
} else {
return `linear-gradient(90deg, #121212 50%,transparent 50%), linear-gradient(${
progress * 2
- }deg, #58ffff 50%, transparent 50%)`
+ }deg, #e3b82a 50%, transparent 50%)`
}
}
}, [userAction.startDate, userAction.ecogesture])
diff --git a/src/components/Action/ActionOnGoing/actionOnGoing.scss b/src/components/Action/ActionOnGoing/actionOnGoing.scss
index bced79a459361957a10d0f1de56df14bd2538d87..b26f43ecad4e6dfc0c1a5c6214b6b16a737a9674 100644
--- a/src/components/Action/ActionOnGoing/actionOnGoing.scss
+++ b/src/components/Action/ActionOnGoing/actionOnGoing.scss
@@ -21,7 +21,7 @@
margin-top: 1rem;
}
.result-date {
- color: $blue-light;
+ color: $multi-color;
margin-bottom: 2rem;
}
.duration-image {
diff --git a/src/components/Challenge/ChallengeCard/__snapshots__/ChallengeCard.spec.tsx.snap b/src/components/Challenge/ChallengeCard/__snapshots__/ChallengeCard.spec.tsx.snap
index 32fa2966106a328f1e420f8dd02226d97fd08af1..614fdddba697bd2d8b047cc74d8c645eed63774c 100644
--- a/src/components/Challenge/ChallengeCard/__snapshots__/ChallengeCard.spec.tsx.snap
+++ b/src/components/Challenge/ChallengeCard/__snapshots__/ChallengeCard.spec.tsx.snap
@@ -72,7 +72,7 @@ RUISSEAU
/>
</button>
<button
- class="MuiButtonBase-root MuiButton-root MuiButton-text btnPrimaryNegative"
+ class="MuiButtonBase-root MuiButton-root MuiButton-text btnPrimary"
tabindex="0"
type="button"
>
diff --git a/src/components/Challenge/ChallengeCard/challengeCard.scss b/src/components/Challenge/ChallengeCard/challengeCard.scss
index 73d2cd2e98be803fc768d6897369d93b8190cec5..3bd824d03088ebb5c9e786b4b37cfc4b04dd1d55 100644
--- a/src/components/Challenge/ChallengeCard/challengeCard.scss
+++ b/src/components/Challenge/ChallengeCard/challengeCard.scss
@@ -25,5 +25,6 @@
padding: 1rem;
transition: all 300ms ease;
flex: 1;
+ gap: 20px;
}
}
diff --git a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.spec.tsx b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.spec.tsx
index f174bacde00861ab29e4f91befb7e4079148f24f..ad82a0b1c6f4203ab0ccd64506e0190f967dd254 100644
--- a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.spec.tsx
+++ b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.spec.tsx
@@ -81,7 +81,7 @@ describe('ChallengeCardDone component', () => {
const resetBtn = screen.getByRole('button', {
name: 'challenge.card_done.reset_defi',
})
- expect(resetBtn).toHaveClass('btnPrimaryNegative')
+ expect(resetBtn).toHaveClass('btnPrimary')
})
it('should be secondary button is challenge is won', () => {
render(
diff --git a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx
index 6110f52d758899b5ef695230a7eb7f90580466ca..2c302431fe622d951e8fb4d5d064166b2d36f751 100644
--- a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx
+++ b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx
@@ -101,7 +101,7 @@ const ChallengeCardDone = ({
className={
userChallenge.success === UserChallengeSuccess.WIN
? 'btnSecondary'
- : 'btnPrimaryNegative'
+ : 'btnPrimary'
}
disabled={currentChallenge !== null}
>
diff --git a/src/components/Challenge/ChallengeCardOnGoing/ChallengeCardOnGoing.tsx b/src/components/Challenge/ChallengeCardOnGoing/ChallengeCardOnGoing.tsx
index aea83c8f9988c6f7207b6c50fb7ef7089efea679..30bbaf99afbe74c1d5791bb4d9cd9fe816e41060 100644
--- a/src/components/Challenge/ChallengeCardOnGoing/ChallengeCardOnGoing.tsx
+++ b/src/components/Challenge/ChallengeCardOnGoing/ChallengeCardOnGoing.tsx
@@ -223,7 +223,7 @@ const ChallengeCardOnGoing = ({
<Button className="smallCard goDuel" onClick={goDuel}>
{isLoading ? (
<div className="spinner-container">
- <Loader color="black" />
+ <Loader />
</div>
) : (
<>
@@ -286,7 +286,7 @@ const ChallengeCardOnGoing = ({
</span>
<span>{` / ${target}`}</span>
</div>
- <StyledIcon className="circleStar" icon={lockedDuel} size={60} />
+ <StyledIcon icon={lockedDuel} size={24} />
</Button>
)
}
diff --git a/src/components/Challenge/ChallengeCardOnGoing/challengeCardOnGoing.scss b/src/components/Challenge/ChallengeCardOnGoing/challengeCardOnGoing.scss
index 9482ba9b70101a3933ebd5ead0598da9c596bbe4..407b66756520eb9d79a45a4acb6166f829a4748d 100644
--- a/src/components/Challenge/ChallengeCardOnGoing/challengeCardOnGoing.scss
+++ b/src/components/Challenge/ChallengeCardOnGoing/challengeCardOnGoing.scss
@@ -3,7 +3,6 @@
.cardContent {
&.onGoing {
- border: 1px solid $grey-bright;
.challengeTitle {
margin-top: 0;
}
@@ -18,7 +17,7 @@
}
}
.titleBlock {
- margin: auto;
+ margin-inline: auto;
width: fit-content;
max-width: 235px;
}
@@ -36,7 +35,7 @@
border-radius: 50%;
border: 1px solid $dark-light;
z-index: 1;
- background: $blue-radial-gradient;
+ background: $multi-color;
font-size: 12px;
}
@@ -51,18 +50,12 @@
max-height: 70px;
}
- // V4REMOVE
- &.finished {
- & > * {
- color: $grey-dark !important;
- }
- }
-
&.duelCard {
- background: $dark-3;
- border: solid 1px rgba(97, 240, 242, 0.5);
+ background-color: $grey-1 !important;
+ border: solid 1px $grey-2 !important;
&.active {
- background: $grey-linear-gradient-background;
+ background-color: $grey-2 !important;
+ border: solid 1px $multi-color !important;
}
span {
justify-content: space-between !important;
@@ -70,9 +63,9 @@
}
&.goDuel {
- background: $blue-gradient;
+ border: 1px solid $multi-color;
span {
- color: $dark-light-2 !important;
+ color: $multi-color !important;
justify-content: space-between !important;
font-weight: 700;
}
@@ -118,14 +111,11 @@
.starCount {
display: flex;
align-items: center;
- margin: 0;
- span {
- margin: 0;
- }
+ gap: 5px;
+
.blueNumber {
font-weight: 900;
- color: $blue-light;
- margin: 0 0.3rem 0 0.7rem;
+ color: $multi-color;
}
}
.finalDuel {
@@ -133,6 +123,7 @@
flex-direction: column;
align-items: flex-start;
.starCount {
+ margin: 0;
span {
font-size: 1rem;
font-weight: 500;
diff --git a/src/components/Challenge/ChallengeCardUnlocked/ChallengeCardUnlocked.tsx b/src/components/Challenge/ChallengeCardUnlocked/ChallengeCardUnlocked.tsx
index 3e999c0200e9356a189c1cc524c65b0e01605eef..15e5fd9a1b375b8bf3cd009889599fe1f5c73325 100644
--- a/src/components/Challenge/ChallengeCardUnlocked/ChallengeCardUnlocked.tsx
+++ b/src/components/Challenge/ChallengeCardUnlocked/ChallengeCardUnlocked.tsx
@@ -82,7 +82,7 @@ const ChallengeCardUnlocked = ({
<Button
aria-label={t('challenge.accessibility.button_launch')}
onClick={launchChallenge}
- className="btnPrimaryNegative"
+ className="btnPrimary"
disabled={currentChallenge !== null}
>
{t('challenge.card_unlocked.button_launch')}
diff --git a/src/components/CommonKit/StarsContainer/StarsContainer.tsx b/src/components/CommonKit/StarsContainer/StarsContainer.tsx
index c1a32c5e3d1ca80abf8089b37f71dc387138ced7..e52f34e7c527d3244c57d44f9d620059eca6e2b8 100644
--- a/src/components/CommonKit/StarsContainer/StarsContainer.tsx
+++ b/src/components/CommonKit/StarsContainer/StarsContainer.tsx
@@ -3,12 +3,7 @@ import starFilled from 'assets/icons/visu/challenge/starFilled.svg'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import React from 'react'
-interface StarsContainerProps {
- result: number
- isQuizBegin?: boolean
-}
-
-const StarsContainer = ({ result, isQuizBegin }: StarsContainerProps) => {
+const StarsContainer = ({ result }: { result: number }) => {
const maxStars = [1, 2, 3, 4, 5]
return (
@@ -19,7 +14,7 @@ const StarsContainer = ({ result, isQuizBegin }: StarsContainerProps) => {
key={star}
className="star"
icon={result >= star ? starFilled : starIcon}
- size={isQuizBegin ? 25 : 15}
+ size={24}
/>
)
})}
diff --git a/src/components/Duel/DuelEmptyValueModal/DuelEmptyValueModal.tsx b/src/components/Duel/DuelEmptyValueModal/DuelEmptyValueModal.tsx
index 4d76611574562487ec05dff5b2d9e1ad527a05f3..c91befd49f714f6c1411aeca1cb3d1459a238e29 100644
--- a/src/components/Duel/DuelEmptyValueModal/DuelEmptyValueModal.tsx
+++ b/src/components/Duel/DuelEmptyValueModal/DuelEmptyValueModal.tsx
@@ -35,7 +35,7 @@ const DuelEmptyValueModal = ({
aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
- paper: 'modal-paper blue-border',
+ paper: 'modal-paper',
}}
>
<div id="accessibility-title">
diff --git a/src/components/Duel/DuelResultModal/DuelResultModal.tsx b/src/components/Duel/DuelResultModal/DuelResultModal.tsx
index aee02473b3fa722ce8c1a93040ece54a3ba9a2b4..bfa8b843f99b52650aca1a9f43f53178d4f50124 100644
--- a/src/components/Duel/DuelResultModal/DuelResultModal.tsx
+++ b/src/components/Duel/DuelResultModal/DuelResultModal.tsx
@@ -48,7 +48,7 @@ const DuelResultModal = ({
aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
- paper: 'modal-paper blue-border',
+ paper: 'modal-paper',
}}
>
<div id="accessibility-title">
@@ -65,7 +65,7 @@ const DuelResultModal = ({
)}
<StyledIcon className="imgResult" icon={resultIcon} size={180} />
</div>
- <div className="text-28-normal-uppercase title">
+ <div className="text-28-normal title">
{t(`duel_result_modal.${statusKey}.title`)}
</div>
<div className="text-18-bold">
diff --git a/src/components/Duel/DuelResultModal/__snapshots__/DuelResultModal.spec.tsx.snap b/src/components/Duel/DuelResultModal/__snapshots__/DuelResultModal.spec.tsx.snap
index a310546601d98a120f2865f4685bde452348b1fc..aea3ed6ce8bc681b65bca5960232db6382b7d956 100644
--- a/src/components/Duel/DuelResultModal/__snapshots__/DuelResultModal.spec.tsx.snap
+++ b/src/components/Duel/DuelResultModal/__snapshots__/DuelResultModal.spec.tsx.snap
@@ -29,7 +29,7 @@ exports[`DuelResultModal component should render correctly 1`] = `
>
<div
aria-labelledby="accessibility-title"
- class="MuiPaper-root MuiDialog-paper modal-paper blue-border MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded"
+ class="MuiPaper-root MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded"
role="dialog"
>
<div
@@ -65,7 +65,7 @@ exports[`DuelResultModal component should render correctly 1`] = `
</svg>
</div>
<div
- class="text-28-normal-uppercase title"
+ class="text-28-normal title"
>
duel_result_modal.success.title
</div>
diff --git a/src/components/Duel/DuelUnlocked/duelUnlocked.scss b/src/components/Duel/DuelUnlocked/duelUnlocked.scss
index 36b7a4d4fce99ba9fda686833f7c5e3af0be92d6..d1504cb208143e07d043a9cf3481afbcc626ecfb 100644
--- a/src/components/Duel/DuelUnlocked/duelUnlocked.scss
+++ b/src/components/Duel/DuelUnlocked/duelUnlocked.scss
@@ -14,7 +14,7 @@
color: $soft-grey;
}
.duel-description {
- color: $blue-light;
+ color: $multi-color;
margin-top: 0.75rem;
text-align: center;
}
diff --git a/src/components/Duel/LastDuelModal/__snapshots__/lastDuelModal.spec.tsx.snap b/src/components/Duel/LastDuelModal/__snapshots__/lastDuelModal.spec.tsx.snap
index f242546792eb2c27d80b64111897dc0196dbf588..5cf634dd59779f9578b5deabd0ab268326696f69 100644
--- a/src/components/Duel/LastDuelModal/__snapshots__/lastDuelModal.spec.tsx.snap
+++ b/src/components/Duel/LastDuelModal/__snapshots__/lastDuelModal.spec.tsx.snap
@@ -29,7 +29,7 @@ exports[`lastDuelModal component should render correctly 1`] = `
>
<div
aria-labelledby="accessibility-title"
- class="MuiPaper-root MuiDialog-paper modal-paper blue-light-border MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded"
+ class="MuiPaper-root MuiDialog-paper modal-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded"
role="dialog"
>
<div
diff --git a/src/components/Duel/LastDuelModal/lastDuelModal.scss b/src/components/Duel/LastDuelModal/lastDuelModal.scss
index d5dd373730a53a4397b44d1b7c21a51d859e59b0..11b6ba70b1f66514511b44e0f8d11a934d5e8ec1 100644
--- a/src/components/Duel/LastDuelModal/lastDuelModal.scss
+++ b/src/components/Duel/LastDuelModal/lastDuelModal.scss
@@ -13,7 +13,7 @@
color: $white;
}
h2 {
- color: $blue-light;
+ color: $multi-color;
margin: 0;
}
p {
diff --git a/src/components/Duel/LastDuelModal/lastDuelModal.tsx b/src/components/Duel/LastDuelModal/lastDuelModal.tsx
index 256e15644fa4283c38f1419f86d14dd45922650e..ce47ccb26f2d7a0185f02a742f39194b3380c118 100644
--- a/src/components/Duel/LastDuelModal/lastDuelModal.tsx
+++ b/src/components/Duel/LastDuelModal/lastDuelModal.tsx
@@ -22,7 +22,7 @@ const LastDuelModal = ({ open, handleCloseClick }: LastDuelModalProps) => {
aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
- paper: 'modal-paper blue-light-border',
+ paper: 'modal-paper',
}}
>
<div id="accessibility-title">{t('last_duel_modal.title')}</div>
diff --git a/src/components/Ecogesture/EcogestureModal/EcogestureModal.tsx b/src/components/Ecogesture/EcogestureModal/EcogestureModal.tsx
index e1a1d5316c143fe7a7190df38f5862b403a5e5b3..5a5aa267437844143a958fd93625010d811c0f65 100644
--- a/src/components/Ecogesture/EcogestureModal/EcogestureModal.tsx
+++ b/src/components/Ecogesture/EcogestureModal/EcogestureModal.tsx
@@ -57,7 +57,7 @@ const EcogestureModal = ({
aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
- paper: 'modal-paper no-padding blue-border',
+ paper: 'modal-paper no-padding',
}}
>
<div id="accessibility-title">
@@ -109,7 +109,7 @@ const EcogestureModal = ({
aria-label={t(
'ecogesture_modal.accessibility.button_select_action'
)}
- className="btnPrimaryNegative"
+ className="btnPrimary"
onClick={selectEcogesture}
>
{t('ecogesture_modal.select_action')}
diff --git a/src/components/Ecogesture/EcogestureModal/ecogestureModal.scss b/src/components/Ecogesture/EcogestureModal/ecogestureModal.scss
index eced119a3f8059cb768e011ef12513ff3df71570..1ffc528200477d7ab3366288356dd5d2bca5aa50 100644
--- a/src/components/Ecogesture/EcogestureModal/ecogestureModal.scss
+++ b/src/components/Ecogesture/EcogestureModal/ecogestureModal.scss
@@ -12,7 +12,7 @@
.em-root {
display: flex;
-
+
.em-content {
padding: 1.5rem 2.5rem;
@@ -60,16 +60,6 @@
}
.long-name {
font-weight: bold;
- line-height: 150%;
- background: radial-gradient(
- 60.65% 30.62% at 50% 3.13%,
- #2a2b30 0%,
- #1b1c22 100%
- );
- border: 1px solid $blue;
- padding: 1.5rem 0.6rem;
- border-radius: 50px 1px 50px 1px;
- text-align: center;
margin: 1.5rem 0 1rem;
}
}
diff --git a/src/components/Exploration/ExplorationOngoing.tsx b/src/components/Exploration/ExplorationOngoing.tsx
index ec408df24b094ec7591a5881a80fed33842fa0e0..afed01bd8b4784f81070a5f9af2bc75ae2ccdddc 100644
--- a/src/components/Exploration/ExplorationOngoing.tsx
+++ b/src/components/Exploration/ExplorationOngoing.tsx
@@ -92,10 +92,7 @@ const ExplorationOngoing = ({ userChallenge }: ExplorationOngoingProps) => {
icon={explorationIcon}
size={180}
/>
- <StarsContainer
- result={userChallenge.progress.explorationProgress}
- isQuizBegin={true}
- />
+ <StarsContainer result={userChallenge.progress.explorationProgress} />
<div className="exploration-explanation text-18-bold">
<div>{userChallenge.exploration.description}</div>
<div>{userChallenge.exploration.complementary_description}</div>
diff --git a/src/components/Loader/Loader.scss b/src/components/Loader/Loader.scss
index ea53877058367f44f1a03d7b3f849be3ede0fe17..066d7315f6da26dbed0e9893f610197231398bba 100644
--- a/src/components/Loader/Loader.scss
+++ b/src/components/Loader/Loader.scss
@@ -20,10 +20,6 @@
color: $water-color;
}
- &.black {
- color: $dark;
- }
-
.bars {
height: 50px;
margin: auto;
diff --git a/src/components/Loader/Loader.tsx b/src/components/Loader/Loader.tsx
index b39445ec6c3fd1bfa706a883d776e3b2fb7cf396..a65e497343e4a44ffc1194e8ceaee00fd3337566 100644
--- a/src/components/Loader/Loader.tsx
+++ b/src/components/Loader/Loader.tsx
@@ -4,7 +4,7 @@ import React from 'react'
import './Loader.scss'
interface LoaderProps {
- color?: 'gold' | 'gaz' | 'elec' | 'water' | 'black'
+ color?: 'gold' | 'gaz' | 'elec' | 'water'
fluidType?: FluidType
text?: string
}
diff --git a/src/components/Quiz/QuizBegin/QuizBegin.tsx b/src/components/Quiz/QuizBegin/QuizBegin.tsx
index 952f47d5cb51d83f635b6e9abc570e226c09b7a5..dfb77c6e47cf74c894b462185ce2b5e1e8daa3c1 100644
--- a/src/components/Quiz/QuizBegin/QuizBegin.tsx
+++ b/src/components/Quiz/QuizBegin/QuizBegin.tsx
@@ -29,10 +29,7 @@ const QuizBegin = ({ userChallenge }: { userChallenge: UserChallenge }) => {
<div className="quiz-container">
<div className="quiz-begin-container">
<StyledIcon className="quiz-icon" icon={quizIcon} size={180} />
- <StarsContainer
- result={userChallenge.progress.quizProgress}
- isQuizBegin={true}
- />
+ <StarsContainer result={userChallenge.progress.quizProgress} />
<div className="quiz-explanation text-18-bold">
{t('quiz.explanation')}
diff --git a/src/components/Quiz/QuizFinish/quizFinish.scss b/src/components/Quiz/QuizFinish/quizFinish.scss
index 2bc9892c4542c9c0de3840a386611e475403eeab..12e0abfef86385408bf4e7275cd8b9934e481977 100644
--- a/src/components/Quiz/QuizFinish/quizFinish.scss
+++ b/src/components/Quiz/QuizFinish/quizFinish.scss
@@ -30,7 +30,7 @@
font-weight: bold;
margin-bottom: 2rem;
span {
- color: $blue-light;
+ color: $multi-color;
}
}
.score-label {
@@ -44,7 +44,7 @@
display: flex;
justify-content: center;
align-items: center;
- color: $blue-light;
+ color: $multi-color;
.quiz-icon {
margin-left: 0.5rem;
}
diff --git a/src/components/Quiz/QuizQuestion/quizQuestion.scss b/src/components/Quiz/QuizQuestion/quizQuestion.scss
index 035243a5a713a7a569c904715585d27805d1458f..6040bf3cd416f200c62493879e6092e1d8bd5b96 100644
--- a/src/components/Quiz/QuizQuestion/quizQuestion.scss
+++ b/src/components/Quiz/QuizQuestion/quizQuestion.scss
@@ -36,8 +36,7 @@
}
}
.question-title {
- color: $blue-light;
- margin-bottom: 0.5rem;
+ color: $multi-color;
}
.btn-back {
color: $white;
@@ -62,9 +61,9 @@
pointer-events: none;
}
input[type='radio']:focus + label {
- background: $blue-light;
+ background: $multi-color;
color: $dark-light-2;
- border-color: $blue-light;
+ border-color: $multi-color;
}
label {
display: block;
@@ -75,9 +74,9 @@
}
input[type='radio']:checked + label,
label:hover {
- background: $blue-radial-gradient;
+ background: $multi-color;
color: $dark-light-2;
- border-color: $blue-light;
+ border-color: $multi-color;
}
}
button.validate {
diff --git a/src/components/SkipLink/SkipLink.scss b/src/components/SkipLink/SkipLink.scss
index c893a4a3ac29691269d6784ca0bdd345db135036..f3b25571c3b20954f898e2d380f243e8ac95efbf 100644
--- a/src/components/SkipLink/SkipLink.scss
+++ b/src/components/SkipLink/SkipLink.scss
@@ -5,7 +5,7 @@
position: absolute;
top: -40px;
left: 0;
- background: $dark;
+ background: $dark-2;
color: $white;
border: $white;
padding: 8px;
diff --git a/src/styles/base/_color.scss b/src/styles/base/_color.scss
index fb118af10ab6721b96d9767a4999af66a1582779..01c785416d3c57e4092233ad598b96b5def9216b 100644
--- a/src/styles/base/_color.scss
+++ b/src/styles/base/_color.scss
@@ -1,5 +1,4 @@
/** BLACK **/
-$dark: #242633;
$dark-2: #1b1c22;
$dark-light: #25262b;
$dark-light-2: #121212;
diff --git a/src/styles/components/_buttons.scss b/src/styles/components/_buttons.scss
index aa275ba3493b63ed9d18cd61d2c11bde775d0ed5..a978cf534a73300831f3d2cc38afc097387e5e78 100644
--- a/src/styles/components/_buttons.scss
+++ b/src/styles/components/_buttons.scss
@@ -29,13 +29,6 @@ button {
}
}
- &.btnPrimaryNegative {
- @include button($dark-light-2, transparent, $blue-gradient);
- &:hover {
- opacity: 0.7;
- }
- }
-
&.btnIncrement {
@include button($white, transparent, $grey-linear-gradient-background);
min-width: 40px;
diff --git a/src/styles/components/_dialog.scss b/src/styles/components/_dialog.scss
index 7b492fc18ae7e926d27d9aafc692b03dc703d8a4..66f2e0da5fd0ac1133554c095cb2299330a7d721 100644
--- a/src/styles/components/_dialog.scss
+++ b/src/styles/components/_dialog.scss
@@ -32,12 +32,6 @@ div.modal-paper {
&.no-padding {
padding: 0;
}
- &.blue-border {
- border: 1px solid $blue-40;
- }
- &.blue-light-border {
- border: 1px solid $blue-light;
- }
&.yellow-border {
border: 1px solid $gold-40;
}