@alfalab/core-components 45.6.0 → 45.8.0

package/vars/colors-indigo.css

@@ -6,18 +6,18 @@
     --color-dark-accent-primary-inverted-press: #d72505;
     --color-dark-accent-primary-press: #fd624e;
     --color-dark-accent-secondary: #fff;
-    --color-dark-accent-secondary-hover: #e7e8eb;
-    --color-dark-accent-secondary-inverted: #0e0e0e;
-    --color-dark-accent-secondary-inverted-hover: #29292c;
-    --color-dark-accent-secondary-inverted-press: #2f2f32;
+    --color-dark-accent-secondary-hover: #dcdde1;
+    --color-dark-accent-secondary-inverted: #212124;
+    --color-dark-accent-secondary-inverted-hover: #2f2f32;
+    --color-dark-accent-secondary-inverted-press: #353539;
     --color-dark-accent-secondary-press: #d2d3d9;
-    --color-dark-base-bg-alt-primary: #0e0e0e;
+    --color-dark-base-bg-alt-primary: #121213;
     --color-dark-base-bg-alt-primary-inverted: #f2f3f5;
     --color-dark-base-bg-alt-secondary: #1c1c1e;
     --color-dark-base-bg-alt-secondary-inverted: #fff;
     --color-dark-base-bg-alt-tertiary: #29292c;
     --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;
-    --color-dark-base-bg-primary: #0e0e0e;
+    --color-dark-base-bg-primary: #121213;
     --color-dark-base-bg-primary-inverted: #fff;
     --color-dark-base-bg-secondary: #1c1c1e;
     --color-dark-base-bg-secondary-inverted: #f2f3f5;
@@ -75,7 +75,7 @@
     --color-dark-modal-bg-secondary-inverted: #f2f3f5;
     --color-dark-modal-bg-tertiary: #353539;
     --color-dark-modal-bg-tertiary-inverted: #fff;
-    --color-dark-neutral-0: #29292c;
+    --color-dark-neutral-0: #262629;
     --color-dark-neutral-0-hover: #2f2f32;
     --color-dark-neutral-0-inverted: #fff;
     --color-dark-neutral-0-inverted-hover: #e7e8eb;
@@ -89,7 +89,7 @@
     --color-dark-neutral-100-press: #29292c;
     --color-dark-neutral-1500: #fff;
     --color-dark-neutral-1500-hover: #babbc2;
-    --color-dark-neutral-1500-inverted: #0e0e0e;
+    --color-dark-neutral-1500-inverted: #121213;
     --color-dark-neutral-1500-inverted-hover: #3f3f45;
     --color-dark-neutral-1500-inverted-press: #5f5f66;
     --color-dark-neutral-1500-press: #a0a1a9;
@@ -135,6 +135,12 @@
     --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);
     --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
     --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
+    --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
+    --color-dark-neutral-translucent-1300-hover: rgba(245, 246, 253, 0.85);
+    --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
+    --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
+    --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
+    --color-dark-neutral-translucent-1300-press: rgba(243, 245, 254, 0.75);
     --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
     --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
     --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
@@ -194,59 +200,59 @@
     --color-dark-status-info-inverted-press: #2c64d4;
     --color-dark-status-info-press: #63aafd;
     --color-dark-status-muted-alt-attention: #412f22;
-    --color-dark-status-muted-alt-attention-hover: #4f3623;
+    --color-dark-status-muted-alt-attention-hover: #543a27;
     --color-dark-status-muted-alt-attention-inverted: #fde6c8;
     --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;
-    --color-dark-status-muted-alt-attention-inverted-press: #eec596;
-    --color-dark-status-muted-alt-attention-press: #634128;
+    --color-dark-status-muted-alt-attention-inverted-press: #f0c492;
+    --color-dark-status-muted-alt-attention-press: #6a462c;
     --color-dark-status-muted-alt-info: #293044;
-    --color-dark-status-muted-alt-info-hover: #303a55;
+    --color-dark-status-muted-alt-info-hover: #2f3a55;
     --color-dark-status-muted-alt-info-inverted: #e4f0ff;
-    --color-dark-status-muted-alt-info-inverted-hover: #c4defa;
-    --color-dark-status-muted-alt-info-inverted-press: #aeccf1;
-    --color-dark-status-muted-alt-info-press: #3a456a;
+    --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;
+    --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;
+    --color-dark-status-muted-alt-info-press: #38476c;
     --color-dark-status-muted-alt-negative: #442926;
-    --color-dark-status-muted-alt-negative-hover: #56302d;
+    --color-dark-status-muted-alt-negative-hover: #55312e;
     --color-dark-status-muted-alt-negative-inverted: #ffdfdf;
-    --color-dark-status-muted-alt-negative-inverted-hover: #faccca;
-    --color-dark-status-muted-alt-negative-inverted-press: #f1b7b0;
-    --color-dark-status-muted-alt-negative-press: #6c3b34;
+    --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;
+    --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;
+    --color-dark-status-muted-alt-negative-press: #6b3b34;
     --color-dark-status-muted-alt-positive: #253528;
-    --color-dark-status-muted-alt-positive-hover: #283f2d;
+    --color-dark-status-muted-alt-positive-hover: #273f2d;
     --color-dark-status-muted-alt-positive-inverted: #d1f1d7;
-    --color-dark-status-muted-alt-positive-inverted-hover: #bae6c2;
-    --color-dark-status-muted-alt-positive-inverted-press: #a1d7a8;
-    --color-dark-status-muted-alt-positive-press: #2d4d32;
+    --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;
+    --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;
+    --color-dark-status-muted-alt-positive-press: #2d4e33;
     --color-dark-status-muted-attention: #36291f;
     --color-dark-status-muted-attention-hover: #412f22;
     --color-dark-status-muted-attention-inverted: #ffefd9;
     --color-dark-status-muted-attention-inverted-hover: #fde6c8;
     --color-dark-status-muted-attention-inverted-press: #f6d7af;
-    --color-dark-status-muted-attention-press: #4f3623;
+    --color-dark-status-muted-attention-press: #543a27;
     --color-dark-status-muted-info: #222a3e;
     --color-dark-status-muted-info-hover: #293044;
     --color-dark-status-muted-info-inverted: #e4f0ff;
     --color-dark-status-muted-info-inverted-hover: #d8eaff;
-    --color-dark-status-muted-info-inverted-press: #c4defa;
-    --color-dark-status-muted-info-press: #303a55;
+    --color-dark-status-muted-info-inverted-press: #c1dbf7;
+    --color-dark-status-muted-info-press: #2f3a55;
     --color-dark-status-muted-negative: #392523;
     --color-dark-status-muted-negative-hover: #442926;
     --color-dark-status-muted-negative-inverted: #ffebeb;
     --color-dark-status-muted-negative-inverted-hover: #ffdfdf;
-    --color-dark-status-muted-negative-inverted-press: #faccca;
-    --color-dark-status-muted-negative-press: #56302d;
+    --color-dark-status-muted-negative-inverted-press: #f9ccca;
+    --color-dark-status-muted-negative-press: #55312e;
     --color-dark-status-muted-positive: #232d25;
     --color-dark-status-muted-positive-hover: #253528;
     --color-dark-status-muted-positive-inverted: #dff8e5;
     --color-dark-status-muted-positive-inverted-hover: #d1f1d7;
-    --color-dark-status-muted-positive-inverted-press: #bae6c2;
-    --color-dark-status-muted-positive-press: #283f2d;
-    --color-dark-status-negative: #ff5431;
-    --color-dark-status-negative-hover: #ff7554;
-    --color-dark-status-negative-inverted: #ff5431;
-    --color-dark-status-negative-inverted-hover: #ec2e14;
-    --color-dark-status-negative-inverted-press: #c7251c;
-    --color-dark-status-negative-press: #ff8d73;
+    --color-dark-status-muted-positive-inverted-press: #bbe8c3;
+    --color-dark-status-muted-positive-press: #273f2d;
+    --color-dark-status-negative: #ff4837;
+    --color-dark-status-negative-hover: #ff755e;
+    --color-dark-status-negative-inverted: #ff4837;
+    --color-dark-status-negative-inverted-hover: #ec2d20;
+    --color-dark-status-negative-inverted-press: #c7241f;
+    --color-dark-status-negative-press: #ff8d79;
     --color-dark-status-positive: #17d055;
     --color-dark-status-positive-hover: #22e068;
     --color-dark-status-positive-inverted: #0cc44d;
@@ -269,12 +275,12 @@
     --color-dark-text-info-inverted-press: #2453b4;
     --color-dark-text-info-press: #7fb6ff;
     --color-dark-text-link: #007aff;
-    --color-dark-text-negative: #ff5431;
-    --color-dark-text-negative-hover: #ff7554;
-    --color-dark-text-negative-inverted: #ec2e14;
-    --color-dark-text-negative-inverted-hover: #c7251c;
+    --color-dark-text-negative: #ff4837;
+    --color-dark-text-negative-hover: #ff755e;
+    --color-dark-text-negative-inverted: #ec2d20;
+    --color-dark-text-negative-inverted-hover: #c7241f;
     --color-dark-text-negative-inverted-press: #a6201e;
-    --color-dark-text-negative-press: #ff8d73;
+    --color-dark-text-negative-press: #ff8d79;
     --color-dark-text-positive: #0cc44d;
     --color-dark-text-positive-hover: #22e068;
     --color-dark-text-positive-inverted: #0d9336;
@@ -312,20 +318,20 @@
     --color-light-accent-primary-inverted-hover: #ff503e;
     --color-light-accent-primary-inverted-press: #fd624e;
     --color-light-accent-primary-press: #d72505;
-    --color-light-accent-secondary: #0e0e0e;
-    --color-light-accent-secondary-hover: #29292c;
+    --color-light-accent-secondary: #212124;
+    --color-light-accent-secondary-hover: #2f2f32;
     --color-light-accent-secondary-inverted: #fff;
-    --color-light-accent-secondary-inverted-hover: #e7e8eb;
+    --color-light-accent-secondary-inverted-hover: #dcdde1;
     --color-light-accent-secondary-inverted-press: #d2d3d9;
-    --color-light-accent-secondary-press: #2f2f32;
+    --color-light-accent-secondary-press: #353539;
     --color-light-base-bg-alt-primary: #f2f3f5;
-    --color-light-base-bg-alt-primary-inverted: #0e0e0e;
+    --color-light-base-bg-alt-primary-inverted: #121213;
     --color-light-base-bg-alt-secondary: #fff;
     --color-light-base-bg-alt-secondary-inverted: #1c1c1e;
     --color-light-base-bg-alt-tertiary: #f2f3f5;
     --color-light-base-bg-alt-tertiary-inverted: #29292c;
     --color-light-base-bg-primary: #fff;
-    --color-light-base-bg-primary-inverted: #0e0e0e;
+    --color-light-base-bg-primary-inverted: #121213;
     --color-light-base-bg-secondary: #f2f3f5;
     --color-light-base-bg-secondary-inverted: #1c1c1e;
     --color-light-base-bg-tertiary: #fff;
@@ -384,7 +390,7 @@
     --color-light-modal-bg-tertiary-inverted: #353539;
     --color-light-neutral-0: #fff;
     --color-light-neutral-0-hover: #e7e8eb;
-    --color-light-neutral-0-inverted: #29292c;
+    --color-light-neutral-0-inverted: #262629;
     --color-light-neutral-0-inverted-hover: #2f2f32;
     --color-light-neutral-0-inverted-press: #353539;
     --color-light-neutral-0-press: #dcdde1;
@@ -394,7 +400,7 @@
     --color-light-neutral-100-inverted-hover: #212124;
     --color-light-neutral-100-inverted-press: #29292c;
     --color-light-neutral-100-press: #dcdde1;
-    --color-light-neutral-1500: #0e0e0e;
+    --color-light-neutral-1500: #121213;
     --color-light-neutral-1500-hover: #3f3f45;
     --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-1500-inverted-hover: #babbc2;
@@ -442,6 +448,12 @@
     --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
     --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
     --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
+    --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
+    --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
+    --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
     --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
     --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
     --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -503,57 +515,57 @@
     --color-light-status-muted-alt-attention: #fde6c8;
     --color-light-status-muted-alt-attention-hover: #f6d7af;
     --color-light-status-muted-alt-attention-inverted: #412f22;
-    --color-light-status-muted-alt-attention-inverted-hover: #4f3623;
-    --color-light-status-muted-alt-attention-inverted-press: #634128;
-    --color-light-status-muted-alt-attention-press: #eec596;
+    --color-light-status-muted-alt-attention-inverted-hover: #543a27;
+    --color-light-status-muted-alt-attention-inverted-press: #6a462c;
+    --color-light-status-muted-alt-attention-press: #f0c492;
     --color-light-status-muted-alt-info: #d8eaff;
-    --color-light-status-muted-alt-info-hover: #c4defa;
+    --color-light-status-muted-alt-info-hover: #c1dbf7;
     --color-light-status-muted-alt-info-inverted: #293044;
-    --color-light-status-muted-alt-info-inverted-hover: #303a55;
-    --color-light-status-muted-alt-info-inverted-press: #3a456a;
-    --color-light-status-muted-alt-info-press: #aeccf1;
+    --color-light-status-muted-alt-info-inverted-hover: #2f3a55;
+    --color-light-status-muted-alt-info-inverted-press: #38476c;
+    --color-light-status-muted-alt-info-press: #a7cbf2;
     --color-light-status-muted-alt-negative: #ffdfdf;
-    --color-light-status-muted-alt-negative-hover: #faccca;
+    --color-light-status-muted-alt-negative-hover: #f9ccca;
     --color-light-status-muted-alt-negative-inverted: #442926;
-    --color-light-status-muted-alt-negative-inverted-hover: #56302d;
-    --color-light-status-muted-alt-negative-inverted-press: #6c3b34;
-    --color-light-status-muted-alt-negative-press: #f1b7b0;
+    --color-light-status-muted-alt-negative-inverted-hover: #55312e;
+    --color-light-status-muted-alt-negative-inverted-press: #6b3b34;
+    --color-light-status-muted-alt-negative-press: #f3b6af;
     --color-light-status-muted-alt-positive: #d1f1d7;
-    --color-light-status-muted-alt-positive-hover: #bae6c2;
+    --color-light-status-muted-alt-positive-hover: #bbe8c3;
     --color-light-status-muted-alt-positive-inverted: #253528;
-    --color-light-status-muted-alt-positive-inverted-hover: #283f2d;
-    --color-light-status-muted-alt-positive-inverted-press: #2d4d32;
-    --color-light-status-muted-alt-positive-press: #a1d7a8;
+    --color-light-status-muted-alt-positive-inverted-hover: #273f2d;
+    --color-light-status-muted-alt-positive-inverted-press: #2d4e33;
+    --color-light-status-muted-alt-positive-press: #a1dba8;
     --color-light-status-muted-attention: #ffefd9;
     --color-light-status-muted-attention-hover: #fde6c8;
     --color-light-status-muted-attention-inverted: #36291f;
     --color-light-status-muted-attention-inverted-hover: #412f22;
-    --color-light-status-muted-attention-inverted-press: #4f3623;
+    --color-light-status-muted-attention-inverted-press: #543a27;
     --color-light-status-muted-attention-press: #f6d7af;
     --color-light-status-muted-info: #e4f0ff;
     --color-light-status-muted-info-hover: #d8eaff;
     --color-light-status-muted-info-inverted: #222a3e;
     --color-light-status-muted-info-inverted-hover: #293044;
-    --color-light-status-muted-info-inverted-press: #303a55;
-    --color-light-status-muted-info-press: #c4defa;
+    --color-light-status-muted-info-inverted-press: #2f3a55;
+    --color-light-status-muted-info-press: #c1dbf7;
     --color-light-status-muted-negative: #ffebeb;
     --color-light-status-muted-negative-hover: #ffdfdf;
     --color-light-status-muted-negative-inverted: #392523;
     --color-light-status-muted-negative-inverted-hover: #442926;
-    --color-light-status-muted-negative-inverted-press: #56302d;
-    --color-light-status-muted-negative-press: #faccca;
+    --color-light-status-muted-negative-inverted-press: #55312e;
+    --color-light-status-muted-negative-press: #f9ccca;
     --color-light-status-muted-positive: #dff8e5;
     --color-light-status-muted-positive-hover: #d1f1d7;
     --color-light-status-muted-positive-inverted: #232d25;
     --color-light-status-muted-positive-inverted-hover: #253528;
-    --color-light-status-muted-positive-inverted-press: #283f2d;
-    --color-light-status-muted-positive-press: #bae6c2;
-    --color-light-status-negative: #ff5431;
-    --color-light-status-negative-hover: #ec2e14;
-    --color-light-status-negative-inverted: #ff5431;
-    --color-light-status-negative-inverted-hover: #ff7554;
-    --color-light-status-negative-inverted-press: #ff8d73;
-    --color-light-status-negative-press: #c7251c;
+    --color-light-status-muted-positive-inverted-press: #273f2d;
+    --color-light-status-muted-positive-press: #bbe8c3;
+    --color-light-status-negative: #ff4837;
+    --color-light-status-negative-hover: #ec2d20;
+    --color-light-status-negative-inverted: #ff4837;
+    --color-light-status-negative-inverted-hover: #ff755e;
+    --color-light-status-negative-inverted-press: #ff8d79;
+    --color-light-status-negative-press: #c7241f;
     --color-light-status-positive: #0cc44d;
     --color-light-status-positive-hover: #04b545;
     --color-light-status-positive-inverted: #17d055;
@@ -576,11 +588,11 @@
     --color-light-text-info-inverted-press: #7fb6ff;
     --color-light-text-info-press: #2453b4;
     --color-light-text-link: #007aff;
-    --color-light-text-negative: #ec2e14;
-    --color-light-text-negative-hover: #c7251c;
-    --color-light-text-negative-inverted: #ff5431;
-    --color-light-text-negative-inverted-hover: #ff7554;
-    --color-light-text-negative-inverted-press: #ff8d73;
+    --color-light-text-negative: #ec2d20;
+    --color-light-text-negative-hover: #c7241f;
+    --color-light-text-negative-inverted: #ff4837;
+    --color-light-text-negative-inverted-hover: #ff755e;
+    --color-light-text-negative-inverted-press: #ff8d79;
     --color-light-text-negative-press: #a6201e;
     --color-light-text-positive: #0d9336;
     --color-light-text-positive-hover: #0a7d2c;
@@ -619,12 +631,12 @@
     --color-static-accent-primary-inverted-hover: #ff503e;
     --color-static-accent-primary-inverted-press: #fd624e;
     --color-static-accent-primary-press: #d72505;
-    --color-static-accent-secondary: #0e0e0e;
-    --color-static-accent-secondary-hover: #29292c;
-    --color-static-accent-secondary-inverted: #fff;
-    --color-static-accent-secondary-inverted-hover: #e7e8eb;
+    --color-static-accent-secondary: #212124;
+    --color-static-accent-secondary-hover: #2f2f32;
+    --color-static-accent-secondary-inverted: #f2f3f5;
+    --color-static-accent-secondary-inverted-hover: #dcdde1;
     --color-static-accent-secondary-inverted-press: #d2d3d9;
-    --color-static-accent-secondary-press: #2f2f32;
+    --color-static-accent-secondary-press: #353539;
     --color-static-bg-accent: #ef3124;
     --color-static-bg-primary-dark: #0b1f35;
     --color-static-bg-primary-light: #fff;
@@ -650,7 +662,7 @@
     --color-static-neutral-100-inverted-hover: #212124;
     --color-static-neutral-100-inverted-press: #29292c;
     --color-static-neutral-100-press: #dcdde1;
-    --color-static-neutral-1500: #0e0e0e;
+    --color-static-neutral-1500: #121213;
     --color-static-neutral-1500-hover: #3f3f45;
     --color-static-neutral-1500-inverted: #fff;
     --color-static-neutral-1500-inverted-hover: #babbc2;
@@ -663,7 +675,11 @@
     --color-static-neutral-200-inverted-press: #2f2f32;
     --color-static-neutral-200-press: #dcdde1;
     --color-static-neutral-300: #e7e8eb;
+    --color-static-neutral-300-hover: #dcdde1;
     --color-static-neutral-300-inverted: #29292c;
+    --color-static-neutral-300-inverted-hover: #2f2f32;
+    --color-static-neutral-300-inverted-press: #353539;
+    --color-static-neutral-300-press: #d2d3d9;
     --color-static-neutral-400: #d2d3d9;
     --color-static-neutral-400-hover: #babbc2;
     --color-static-neutral-400-inverted: #353539;
@@ -694,6 +710,12 @@
     --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
     --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
     --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
+    --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
+    --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
+    --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
+    --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
+    --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
     --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
     --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
     --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -705,7 +727,11 @@
     --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
     --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
     --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);
+    --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
     --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
+    --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
+    --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
+    --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
     --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);
     --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
     --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
@@ -744,8 +770,8 @@
     --color-static-status-muted-negative-inverted: #392523;
     --color-static-status-muted-positive: #dff8e5;
     --color-static-status-muted-positive-inverted: #232d25;
-    --color-static-status-negative: #ff5431;
-    --color-static-status-negative-inverted: #ff5431;
+    --color-static-status-negative: #ff4837;
+    --color-static-status-negative-inverted: #ff4837;
     --color-static-status-positive: #0cc44d;
     --color-static-status-positive-inverted: #17d055;
     --color-static-text-accent: #ef3124;
@@ -761,11 +787,11 @@
     --color-static-text-info-inverted-hover: #63aafd;
     --color-static-text-info-inverted-press: #7fb6ff;
     --color-static-text-info-press: #2453b4;
-    --color-static-text-negative: #ec2e14;
-    --color-static-text-negative-hover: #c7251c;
-    --color-static-text-negative-inverted: #ff5431;
-    --color-static-text-negative-inverted-hover: #ff7554;
-    --color-static-text-negative-inverted-press: #ff8d73;
+    --color-static-text-negative: #ec2d20;
+    --color-static-text-negative-hover: #c7241f;
+    --color-static-text-negative-inverted: #ff4837;
+    --color-static-text-negative-inverted-hover: #ff755e;
+    --color-static-text-negative-inverted-press: #ff8d79;
     --color-static-text-negative-press: #a6201e;
     --color-static-text-positive: #0d9336;
     --color-static-text-positive-hover: #0a7d2c;
@@ -776,7 +802,7 @@
     --color-static-text-primary: #0b1f35;
     --color-static-text-primary-dark: #0b1f35;
     --color-static-text-primary-hover: #546272;
-    --color-static-text-primary-inverted: #fff;
+    --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.9);
     --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.8);
     --color-static-text-primary-light: #fff;