From ca3d77af1b635bf30a2ce33125146da8029c0617 Mon Sep 17 00:00:00 2001 From: nathan jamal Date: Thu, 16 Mar 2023 16:20:52 +0000 Subject: [PATCH] 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 --- ...on events tests Button click test-snap.png | Bin 2010 -> 2007 bytes .../Chip selected sprite-2-snap.png | Bin 1484 -> 1473 bytes .../Chip selected sprite-snap.png | Bin 1480 -> 1469 bytes packages/vars/src/colors.css | 14 +++++++------- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/button/src/__tests__/__image_snapshots__/Button events tests Button click test-snap.png b/packages/button/src/__tests__/__image_snapshots__/Button events tests Button click test-snap.png index 37da9f909b74b6f190a31556d238ddab2a13fd1a..9d38c6991a8eff4436c2c92ead49e36983cd2824 100644 GIT binary patch delta 1719 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 R?P^lOL{S#od5YI>C*I6p_#hla2)pDd6^Z zfyk7+K+FL@R29y2dW1I1??5E!*Kbn;u?!wVY+8ZSBeZFpVgZwJ1uuU?KyH`{gwoQV zv}4;A{c^TU_4U^k5&5+G^?N~+r%YAf=le;L(o?4>A|gUxuFQ3Oo^@+;l(+F~bB!;S zt<(WSi7&sXfrAGBXS{ds-qqoQ z`_-XC2c0}|OxLc}DI_HHv1i1S;dmf>_jr|`w?P@1S(-WP?WW)NijGmQ=$JM$&(Y!| zx_R@aGBUHYZf%bC?JZJTI`@*dc8*?y_$%--ZOkip?4w7Z z=lLh^?wtw`k5Jn5H|6n!sK{Fw(De}TJ#~r}%$xJj<4->RP`Np)G;w^gl1C?K@uGREC_f*Nd0L|K;su>5 z{aFc#qvUqG6`y~Yq>A$MI$L%oVEaIDI2uT8ZLK89;|Xc;HfPJuC@yZGw(r`jG09_< zyJlsxe`v>#6{}slcG{HxomS_rS9SGOEu24BH*VbUd!CjkD%vecN=$l1l9V*+RY`vy zRnWRQ8c3HeT_j2M_19axO-xL0jUJP%PMta_C1s){sjPqOw7E^U?md)|nWfI1JF8Eh zSj}7Tp6cpq_5G1Ue$UgK#>PhN+v8PeXjk=*8z4yAw zPjh}KIiY`=nrcbXsDzjP_57iO`;{_blHdD5a5#Ddal740O`oCa>Z{tiC3s(ecA=vD zp~vM9u0NupdIo)-B5$GGZnp}(2UL9g$EKfMyZ6iOcB{y{D(=HdEq$h{s;+3|@+Iot zBdY0IAXxL%)zzxx#zwt1cHASMAN%@v9W6eh-Gw{#?)*iM{rV6*E}zfm^Jjs`l)P5` z-Mmlo<0(#vO)KEbtAmISD*^@r0St~`g9O{=f^ANZfd4U$lTZaE6ao3LVr*LQZkGj| yuRxb%j}$T~-fT4_cco?V?R{I87Z+O-BwvKp=w@Z*8d{_AD=WiK~gIWU$ktD9gSw z&i{BAd%rdwz}fHj|DFeL{{R2kImhModc6X0N1Xya0MMQh2$NC;DkyGWH;A0J)rmRa zgUYNI0zE>9<#QmCRJtX>iEYpZG07Q$9-%|y5(|@o1u2tX1qXi|`M{JDN>BWxtjrAk zeEO8?>#r)Jccg|58=+}45;XLo;gX~U^Ai;j(OWA%UmNgwHg8PRj%{1aJ(jOnrBRPP z(enG6)hm^~XSc@2KCKTv{Mg@50S;&vfqcDTopx?d*UW?@ee&5Fg@s3`x~fvgjvi9^ zsnV7}?xv}!NlSlTdQp*m`{|?QpZay4ltrmZS(MtcX7YqFiW&Ln|Hj+c*r=lYh3e9! zi;f;C(QjAk6dV%T<{5Es1U!&}{2cAvp01RIshTq{x#jNzqdXcI<>@fOcpJ5#62%QQUtVaJXG=LPf(Qdd_iNeT)IZuOee7L zBFenxnI4eo@+2t5s7|t@x?a6&}%Bb+vyrDl0poOBXIEdEv`G9i!s>S#92!rddgI zRaN<`)~#KozWw^Q+za??o-1{=I(Foc#*B??xqSOeP*AX*96eSg2a9#?+!=X1gM509 z@Q;88;&Qq4_Pg(E^q5%XW@qZn*Hd-ldV@m4!Zl>*FvUA?`4K%LMz?PLu7&ew>(*f( zw=`1uT&3%v`FF@JYSL_t(|obBCfOqB&3$MN66yycr#TdlQTxbl*ykj|CLG?!Q4Al}1kYb#XjRZBt9i3jlR)L^F<8RfD+ z$WdM~@y>dHM0i zK$=otU$1w6-kPG09Xn~k=Zk|nPi9uOGPAN9mq~p2MfK}H;6LNNb?cV)?b)T)ty}BJ z;e)z#sZMTp!~@TWmKCxZ z)~c1c+F4Sp^b9UGd{l(w9K`4IY0WpQ<#tCXW6Cstzt`t>6Zty(o}nfm&AEn2uh$s-c<#`w|N zuzuY=&u65iYR;?~_dNdO;}4aWyG-N8BrADDg67YgrOJxa0hy;cs?MI#v9h0)keDQ= z)2aA>#Nn!}IIWZACjzz&1XoA`sjaP*B)MGfW-oKH{Dk7-`e|!HiAE-mQr?Q3CV$Wl z9V}H?SeVwW|4z&ER?F+XsJXLe>gv_2e$Ue!#l=OEq{QK`NRoypy(;O?y$T);AqgZr zJY14=<;vw|FB2QvT_Z*&t8Lr1N=X?fNh&XYKW;A5u~TPdW@W2gyLRf)qo-!gc~5n9 zwfcVlUccvQN<%|~cJA;fBBH(e#PyXV_3uAWE|**T_U_irn>PctEd)8kea zJLveaGWmQyIUJ5AmvOoO{_Xx$n>Lc9>({TF%f!UQ-m~uR-Jg*pRaal|d!DBJaP+W$ zYHGZaq@;wG{`LIcJ-d`LcD&!)L2!j+58`w>m6kC@UhhS1-W0sQkULXZanIw5yXPNW zx^xZtJjI?uIh{@wdUmVy(2tE@1x35$bUIb+DG11R5L_X9n|D&$WSu_so0ctItQxOZ zDPzYgGAdd%HC~-KeoR$WXEi-@M$;>QGE`PpXw}MGrDsf4b@c`1ELo^dox3!i3j}MP zy1H5&J#t9#3B%Ry?%~^C!d)&69Tu+xrTbNJ`jlet?$z*c3RxfyhePjw@R5cNi&tU6 zHqD$dT{muASBDOfdiJ?qN*Oo7?``yn>#IArZ)83XB=Vy1_A*L1OgZc1TYYjdj&U>fCVy>fCVWQ{s2IyxBmJILHGaw002ovPDHLk FV1lF^YLWl| delta 1263 zcmVM+Hb z8lX-yP*#{_*`L*e)`Qk&OZ%fub2v#HPEBV{K|mza6#uoQg4nbCuc3g6sARC)qbSS1 zkoR7$>HD?u;Bxmn=X)Q#Ip^Gac5!(;9*+RrRJ%YA0Nl<91d|g5Dk;a?4MdGw<%>D+ zA5`T(7w8f08eRt?N#!e3e6bm{LR|WWK#y=&;S>v#kOdci2m~D7S9eK~-J%o|Gf3kmq-ekc10_i_rl%<~vYY0Ax+LK9x?lp88bw;S2@O+!+7$2aOm!Sb%T}zu<)eqM=lQFx zMfr+|h*avNX$lSrRY_5SPqz>M3dj-U+}SfaclL~)8j+;-?c29%O=DxD7B5<$Z6!tO zd{1XhNSUm($M)PP1N~t7!MVUeD7SXHK6| z`Qd|q8b2{jj^ijHahM7VHtA?(g$Bkx=(GL6e*$s@sjaP%Bn1bDw0h0a$_m8}8mzVJ z3p65Wv~rd$(b38ZbIsne@6^uKPRn!G=(EqWRej;S-g#?|E?=(mdY;xODc&MUN*p#^ zlJvx|5t5|h!hE0Z2mTX~K)QAfmL%2HU264znrL@l4Iep59XoZ>nB-?9NtH*+%{AS- z_f$q^mb!H5s($y~uUW6m)y3Kx?b^BB>v>wz)YPQXl0t=sg)4SYoFpmkp?C#{glgxG zQeC@x)o1&H{{-X|t7os?3JVWc#o>eUcsz2sTrI8%3HkG{dr(l2BNm6oB;y<3>@$EK^89UzV{lLEhas+W4M=5DjRb72S zn>McZ+kQ@+I(ft6lP8Wzl6v*-?e}@M7U#=x9Ie|}q~dS(H2-|{b)g)`(N-?j{}%%G zHt(~kQ*`{;Ps;vck*cdND0%F7MMQRgQ*BMPDk=`??CH}=pZTI!`#5#-xN>u{l{$H< z&R6}crArp7N6%i(*8={U=VEP*4(!{bp$Ws9Pv8C!92}y@ha{+M_fDNSaZGM^U$0&x z{3~FAxLhv1`S!aSGBi;|1)KExt692wrCwp-5$Zo6M#(-n{fHeDr|Z{$)y(OClXU&J z>xz$mR4>hWLqQ!o`gNYtk|H%VH7V)o%kOdc$js+Q$js+Q$js+Q$js+Q$js+Q$js*!8 Z@H^G|xQ{406vhAm002ovPDHLkV1g+}gVq25 diff --git a/packages/vars/src/colors.css b/packages/vars/src/colors.css index b3e3cdc84..a5378868d 100644 --- 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; }