Make logo colors more consistent

assets/sass/components/_logo.scss

@@ -1,9 +1,9 @@
-$_desaturate_amount: 25%;
+$_desaturate_amount: 10%;
 
-$_color_1: #ff6800;
+$_color_1: #f37001;
-$_color_2: #e8ff00;
+$_color_2: #b8d900;
 $_color_3: #00a9ff;
-$_color_4: #b346e2;
+$_color_4: #a95ed5;
 
 $_color_1_dark: desaturate($_color_1, $_desaturate_amount);
 $_color_2_dark: desaturate($_color_2, $_desaturate_amount);

resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -502,11 +502,11 @@ img {
   margin-bottom: 1em; }
 
 .logo__color_1 {
-  fill: #ff6800;
+  fill: #f37001;
   transition: fill 200ms ease; }
 
 .logo__color_2 {
-  fill: #e8ff00;
+  fill: #b8d900;
   transition: fill 200ms ease; }
 
 .logo__color_3 {
@@ -514,7 +514,7 @@ img {
   transition: fill 200ms ease; }
 
 .logo__color_4 {
-  fill: #b346e2;
+  fill: #a95ed5;
   transition: fill 200ms ease; }
 
 .logo__link:hover .logo__color,
@@ -543,90 +543,90 @@ img {
   @keyframes cycle_color_1 {
     0%,
     100% {
-      fill: #ff6800; }
+      fill: #f37001; }
     25% {
-      fill: #e8ff00; }
+      fill: #b8d900; }
     50% {
       fill: #00a9ff; }
     75% {
-      fill: #b346e2; } }
+      fill: #a95ed5; } }
   @keyframes cycle_color_2 {
     0%,
     100% {
-      fill: #e8ff00; }
+      fill: #b8d900; }
     25% {
       fill: #00a9ff; }
     50% {
-      fill: #b346e2; }
+      fill: #a95ed5; }
     75% {
-      fill: #ff6800; } }
+      fill: #f37001; } }
   @keyframes cycle_color_3 {
     0,
     100% {
       fill: #00a9ff; }
     25% {
-      fill: #b346e2; }
+      fill: #a95ed5; }
     50% {
-      fill: #ff6800; }
+      fill: #f37001; }
     75% {
-      fill: #e8ff00; } }
+      fill: #b8d900; } }
   @keyframes cycle_color_4 {
     0%,
     100% {
-      fill: #b346e2; }
+      fill: #a95ed5; }
     25% {
-      fill: #ff6800; }
+      fill: #f37001; }
     50% {
-      fill: #e8ff00; }
+      fill: #b8d900; }
     75% {
       fill: #00a9ff; } } }
 
 @media (prefers-color-scheme: dark) {
   .logo__color_1 {
-    fill: #df6e20; }
+    fill: #e7710d; }
   .logo__color_2 {
-    fill: #cedf20; }
+    fill: #b0ce0b; }
   .logo__color_3 {
-    fill: #209fdf; }
+    fill: #0da5f2; }
   .logo__color_4 {
-    fill: #a861c7; }
+    fill: #a668cb; }
   @keyframes cycle_color_1 {
     0%,
     100% {
-      fill: #df6e20; }
+      fill: #e7710d; }
     25% {
-      fill: #cedf20; }
+      fill: #b0ce0b; }
     50% {
-      fill: #209fdf; }
+      fill: #0da5f2; }
     75% {
-      fill: #a861c7; } }
+      fill: #a668cb; } }
   @keyframes cycle_color_2 {
     0%,
     100% {
-      fill: #cedf20; }
+      fill: #b0ce0b; }
     25% {
-      fill: #209fdf; }
+      fill: #0da5f2; }
     50% {
-      fill: #a861c7; }
+      fill: #a668cb; }
     75% {
-      fill: #df6e20; } }
+      fill: #e7710d; } }
   @keyframes cycle_color_3 {
     0%,
     100% {
-      fill: #209fdf; }
+      fill: #0da5f2; }
     25% {
-      fill: #a861c7; }
+      fill: #a668cb; }
     50% {
-      fill: #df6e20; }
+      fill: #e7710d; }
     75% {
-      fill: #cedf20; } }
+      fill: #b0ce0b; } }
   @keyframes cycle_color_4 {
     0%,
     100% {
-      fill: #a861c7; }
+      fill: #a668cb; }
     25% {
-      fill: #df6e20; }
+      fill: #e7710d; }
     50% {
-      fill: #cedf20; }
+      fill: #b0ce0b; }
     75% {
-      fill: #209fdf; } } }
+      fill: #0da5f2; } } }