feat(vars): update colours to match designs (#162)

* feat(vars): update colours to match designs a few shades of a few of the colouurs had been changed since these variables were first created. the colours now match what is in the figma file HEYUI-253 * update snapshots * update primary 700 to match brand colour * updated snapshots * sunbeam-blue-200 had wrong color
hey-car · Mar 16, 2023 · ca3d77a · ca3d77a · github-actions · Mar 16, 2023
1 parent 1f67a01
commit ca3d77a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/...rc/__tests__/__image_snapshots__/Button events tests Button click test-snap.png b/...rc/__tests__/__image_snapshots__/Button events tests Button click test-snap.png
diff --git a/packages/chip/src/__tests__/__image_snapshots__/Chip selected sprite-2-snap.png b/packages/chip/src/__tests__/__image_snapshots__/Chip selected sprite-2-snap.png
diff --git a/packages/chip/src/__tests__/__image_snapshots__/Chip selected sprite-snap.png b/packages/chip/src/__tests__/__image_snapshots__/Chip selected sprite-snap.png
diff --git a/packages/vars/src/colors.css b/packages/vars/src/colors.css
@@ -12,21 +12,21 @@
   --color-heycar-mint-900: #002921;
 
   /* mica blue color */
-  --color-mica-blue-50: #e8edf6;
-  --color-mica-blue-100: #d0dbed;
+  --color-mica-blue-50: #f1f4fa;
+  --color-mica-blue-100: #dee6f2;
   --color-mica-blue-200: #a2b7da;
   --color-mica-blue-300: #7394c8;
   --color-mica-blue-400: #4570b5;
   --color-mica-blue-500: #164ca3;
   --color-mica-blue-600: #123d82;
-  --color-mica-blue-700: #0d2e62;
+  --color-mica-blue-700: #052962;
   --color-mica-blue-800: #091e41;
   --color-mica-blue-900: #040f21;
 
   /* sunbeam blue color */
-  --color-sunbeam-blue-50: #f9fdff;
-  --color-sunbeam-blue-100: #f2faff;
-  --color-sunbeam-blue-200: #e6f5ff;
+  --color-sunbeam-blue-50: #f0f9ff;
+  --color-sunbeam-blue-100: #e8f6ff;
+  --color-sunbeam-blue-200: #e1f3ff;
   --color-sunbeam-blue-300: #d9f0ff;
   --color-sunbeam-blue-400: #cdebff;
   --color-sunbeam-blue-500: #c0e6ff;
@@ -102,7 +102,7 @@
 
   /* brand colors */
   --color-heycar-mint: var(--color-heycar-mint-500);
-  --color-mica-blue: #052962;
+  --color-mica-blue: var(--color-mica-blue-700);
   --color-sunbeam-blue: var(--color-sunbeam-blue-500);
   --color-championship-white: #fff;
 }
St.^❔	Category	Percentage	Covered / Total
🟢	Statements	97.7%	1192/1220
🟢	Branches	85.3%	267/313
🟢	Functions	94.79%	91/96
🟢	Lines	98.28%	1084/1103