From 8d74efe23bd6f4e78fbd7fd4aa3fdc2fa82ff08d Mon Sep 17 00:00:00 2001 From: "lukasz.fiszer" Date: Mon, 27 May 2019 15:22:05 +0200 Subject: [PATCH] Change button color --- .../button-with-text-snap.png | Bin 4650 -> 4589 bytes src/button/button.tsx | 8 +++++--- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/button/__image_snapshots__/button-with-text-snap.png b/src/button/__image_snapshots__/button-with-text-snap.png index fba58d8a31dc5967b59bf555fe9a7eb75336bb65..6a27ff3fc93728c0b56a1cc68a4cf89232767062 100644 GIT binary patch literal 4589 zcmeH|ZBSEJ8pjU-i`qqGZ0oSfOP6)nRtwfF#w)@2*0RVH-PTq_NUE4zFj8qFFG3O! zy13LAWL*<35VCD&WM>-^5ClU)VoPgm$xB-VL?A(9ZlHn0a49!$B)#p|PG>*#Yo0H6 z<~cLx{?9r8=l8Eal$9Q_`j4vt01+8~+y5p2q45BavR6JsbecbdC`OzJjl*hqz`@5MG5;uAG;o|r6d{Ooq2otFUv+>Mwi1A=QH0{%uU8Wb z(IF%NPX5m38iwvGsp@_7p}I|OHjd<8|30GyHu{#y!obrUM;NHy_g&p}qDHc3L==7Q zxj}8h#F6}z(eE2Kz()T!2*cla%eV@F3(apod-a-eC&xNEl3oAf^oM4a-8X;BxZ;;3 zMfiU1#vJrL>cJyU1!z zm|~N_9W%u3pmfsOoIQw%tJ6mEyjso`k=(t6WXiPhZbQtuw(N#y7d$Fp7HQXZTCbdv>$|a_k9{5M%7EOmlo4arx$v09t_7U>2xK?NxBGWwo8ZfAd zo74&QttBHLyz}_>8)R9&O?sJ6sC86xtc<;g|*900kjfakIhGV$~txR1Jo$6TR8EDwQElzX-_Rlz2 zvE?V_XKi(cBy;jEx6`WE<}P<39g#ZUa1l99!HiCwA3x~hNzhoC@;JH~H%u-j4{gdO zXI`DJC;$AXL^eP2URmy|oFQRZ8sWStLk+c4*wTKGPYV30Y_M)h9M_Avuf%xOcLVyP z<0-w)PRl}jdaq$4=ZW_HbVr~fykDc}vwQsh3pf>jHL^dPn5dGIQ{oW!SgKHyY$9V{ z^yxPCGFgLq8AocweFko!yl3{(HJI;H2)!@qX}mG!8x)fYcMAtj$gO5Y8-??E^w0yV zy;<&fWO-&0K`1INgvQX8TrU=*FPX~4ck}ZPmNrykpR4ouN2+|0;VJ?j5CRo#x?M0fwgqOpa#vx9x(hu6qI`oL_~m6Y8kT|3#`)MPtmYz*zo^ z&L6s2z4TP9L47k9T^#WWp$2;sF)>>-O7CM!(?xxooNcq)xIAn0NBHuWS`$NM?FyYT z`(3q}0@GM3y=0mVz@1Y^@sMp~j?)Vpy-p;VUxI!&PiDAe$maK&&IL?_r77HUw5Y0= z?T^9rN}G(O_g+SdCUB~?tNZ!&Dp+2~omkpb$A4N@miNMvC(^)Oz=kjbzYtoo%aUoS z71k=LN2JdE+v55 zuof4rC7%3OWIcKdK+fAEIRw(esty9MriS30cvVLFC=J&;2;Fa5Ts%-5rSzLOv7Lr2Gj8Wry)jz7CP?yhgDMxh{|{^Yrk~wyEQ)n D!|LN6 literal 4650 zcmeI0ZBSEJ8pjV*8e0oW-O3Vy*rnBul{6 zR*MMrWeSDxQi}rKKvJ3}K_CQeX=D^4B`-jP$OJ{Wh8Rgm2`|~>?AP7SbU$bAhdc9} zbMJYc-}C(cA5O`kIFj$1*f#+HzWZZiJ_6viO#pZwUHv+YRCCVe!2UquMwDUzP>(YgwXP+A|f*kt1}vp9jM${i1Ap z^uSLf3WXAmE#u@I5QYi+t7~dnkhk9j;DJz1IQu?vgM42@JdH*h@`sttUC;6QB|D;5 z?QO^miwePjp01Z~l8dHqx+X5*7(tp(>arwCIma@Z zV3g;GLP_OXmWDv-Z1GSOpQ(>O?=7CE6y?e2( zNw>cr=R3y|4PyfLGTT7oCXmTwg6mm>3})kc@#9*z!^GY(w~hKk^Q-c>CO&t2;`cW~ z3Ma2ny9!Q}m6g@9Gy?;1U#570{KVS~;+|9YE4ItH*73k8_hRpiRpstRklA)~d7z<{ zt~#w(s?}-{G9x$UMxslwanwETrMVXLbqq#>Pljy{j^t$P(J7{Qt|eJnrmpYWmJAwqMte(IPOc{s z(6qRIhSV|_hArD|9ntBY_(7poe&yr#yH^#^u5!(YN~sE1ErPh_jd@KP8MPJv>Eyjc zZs3ZcDso50l6{EG9y+)yfkYxfg-K`kEm>uisdaNBZE0%zftLW}?>_p%>lcH8;(Wv+ zD_`7Q6OPAI4zFscWF(|8)lwo1hz4^0Jm)4z`K! zOrX>01V~<%rY^@~v3P5T!gRVb_x6*D4(B*8D?k4`KO8X$;}_J-M)m#e^OJqo*e?5Y z(bKAo86Ab*8lI)sLixq>=AYj(=Bbnj!m*Ci%x1GJcdTQytB^%l`PD2-@4GrpY7XH& zZyQzQ(O*qt$@(pfAo_zS2rEw;F)QTiJ<^ zyr5f(-}|F4{>PKy!v0cMBO8EBh1@3=4)DQ)2TLydAS2m&t@en+ZhzqX z06KK9__$#ooK6vftltv%#bux7!OSCMvc~RS4~_DIobL|}v*+`IH=zFiPq+RZ#_rkb xA>bk4A>bk4A>bk4A>bk4A>bkK8wA{5^OslgYuCPY2VSXw{U64~i1((P{WslXwjlrj diff --git a/src/button/button.tsx b/src/button/button.tsx index 685e737..9fc6125 100644 --- a/src/button/button.tsx +++ b/src/button/button.tsx @@ -1,14 +1,16 @@ import * as React from 'react'; const buttonStyle = { - border: '1px solid rgb(225, 225, 225)', + border: '1px solid #0065FF', borderRadius: '3px', - backgroundColor: 'rgb(238, 238, 238)', + backgroundColor: '#0065FF', cursor: 'pointer', fontSize: '15px', padding: '5px 10px', margin: '10px', - fontFamily: 'Helvetica, Arial, sans-serif' + fontFamily: 'Helvetica, Arial, sans-serif', + color: 'white', + fontWeight: 600 }; export const Button: React.FunctionComponent= ({children}) => {