From 96b4cbf30aa539038d07d88cc288b9fbad4f79bc Mon Sep 17 00:00:00 2001 From: Muhammad Zeeshan Mehdi <119069286+Zeeshan-Mehdi110@users.noreply.github.com> Date: Thu, 11 Jan 2024 10:12:11 +0500 Subject: [PATCH] logo, color , theme changed --- public/favicon.ico | Bin 2442 -> 3286 bytes public/index.html | 58 +++++++++++++-------------- src/muiTheme.js | 95 ++++++++++++++++++++++----------------------- 3 files changed, 73 insertions(+), 80 deletions(-) diff --git a/public/favicon.ico b/public/favicon.ico index 7c928ab291c97551f9c4ea4db3217e5499a35212..dcb49b17353dc4b801d7429adffa75d80db5a436 100644 GIT binary patch literal 3286 zcmYjTc{J4D|9;OHL(DLR2xZAqh>#NkYw>^Sgkh1hHkKF@7R4*#9dsk?QNdX4a4agEg&lPxFgkZx;J-sB0;~I%V*ghD z3LO4JS(v5#KiU7*v3g++T9FPq|89l<$NTU6|2wc!{C-l)ATY1h8kD0n{ey!#V{e#~lB$+e4bCerqp z&17>Kz7Kj9QWe}A$q`LoR3btkN4XKEz0>>-)K}8VjruEif%)Tk>LcvAD(Gw7U0|Bs zt_=A-itCP_y%9qrTC=8LRPrF>ysdT?ElMkGD6&CRu1cwRrDujYusL+q?%3Y@m7?u| zxJ!*2)CYU0dk! zo)b9nc|F$ou}ZS@k$s*Tg>v4IdA~6dO~lA8%%$2*R4LbLA<BYXc4E;N^q)LU&&;;;+v=hZ_uH(bFWk(!v@cCqa znxaA)`XVD~IkHPn$h}dh^DwfP6|do$&DdqG3;Rs+g49?wsZS(FGF*m_v)T12-aI~+ zX?ssPWm#xJUlo=nPHu{ zqo3f)o|c62*bEIE^}eRvAaX|D_tG1Wd1>X~7E2_cb9s0E6N<;0=i^kd=`zix$mj#q zMg&D5)%WsxZIS(jvZU-Qd3@*)o9n@UzUReIAu1}KC1URwAfVvFCG6H=XT}Sf8FYum zO?QXIKtf^Yt6{iUF`(j)Id&Z$f3)+xAvm4^!nt9u14g=@GslwF*=Pk^TJkNHVX?oY z-6*ph1a5(9Zliq%Kk<6d1iqNSCnUUu*8y&^(Oz-Y5{k{`c?n;ECJyhIw@5W~)=^hv z0)((h&#HhJE!4&d({2ITa&)+*uI!n0m{2TuRKOLHH;6vjcLOM(>jZJall=OY03rqm zEsw0>xnh*>aRhb)6oJ4eOPUIQpot68nmhr@fDm{PN9M+v?l1EHaJYtts%sHakZ+Ac zmLSC8a++F?^aiHrG|~(j^zkAOwD-#>tWucfvQ>Hw8El`!g(EA({u7g2~V(#%EJK2NeZyM@1^OJ}MiUd9ZncLR^>Q^}nc9>DPoD#hUBqzVc2sq;UM#Zy094JCyb6~Mw zfP_b;Ulx>2g|K>$;}RxhSK4eo&lxQ)DMZWWSP8(piUpLdG?eX~?D|wbcGM-B^HQSL zsc3^z4Lx3{OUHL!32FZj>mEB`cS=GQtpR8@3=4}p zrm8V{@e1soON5PQiTT@W!27#VGTHr!w(y&7YnM+oT` zuqF9*N3&qL91dQ1mS=bb4*dfJU}&pIHNJwu8Rob{%%DE+um?MA1N0E0glUBgw`4^O!$2EPV*N4m8Qv)qCy~D}Iy|S{?@NDdQf? z#ma$pK@phCs1xVEopI0ijXFasXUn8oRjLZ%UqSz5&`Wy#tCxSX$tikVrO4%n&u(iQ z?hWHo7c)N*TCA+eQ4ijWV-r>p#&pi7zq`aGjHy%`VyQ* z`#tj%dkE1OC^(L7ap&YW`wY=!fFe+i7D1e%xm>%CEH>CqDFRruUCHfHk!mzS;}e1&#^H@>SXjaYHNCDX6kC zy{Dq94SMz|GluE*;gku#ZzI*RWaAl# z*btT@MjKh0Exoq(AU)xcqUsuWG>kbL>b7`5x%|`J|%}V)BnpAtHNtKGF&U{Qq7KzvnSkE*_8+TBQHa1ieNQO!H zggFGfPID}kgg)1oD(O$xSqlDm3cx`cr($vnWJG!rSqgAnGzck=cEE&?A7Z-pG4PvIG&Dt%Vx>d=NV& z!`)!jx2#)wi&+#>&&RK1(6%?IGCy{V=DOvp+7{Knth+KK`jc;cI8ScC2`%~Z94{jE nMiab^nwUOY6@{@5dmRNL=aW&yFqez0uQp(AVr5)rh>Q6jVzuz| literal 2442 zcmV;533c{~P)-9 zUP3N8?h+)}3bulRXydEUzd&2TS`ZXP5E~n7MH>z0oCzd|nPqmq{q4@MI}46bO4ZD| z0npM}BRJ_-78aM3`WG5-;=)Z^ST*&rKwyTd_IXc@9dG;WTGh|}YmL#EsX~oQcvRJm ztnifZ%vx5rc}KWiO@^bwXTrUPTu}JV)+0rJwK-AbZ<~!!a2y=1!b+loBNePB4NX{H zjz>%7)Y5(Imo&xF^K%lr#5*wwGKn9BX(kxQ#~>pz`{=_bIe=Wm#WGmQ^^0+9$Y7 zm-91+F#I9%R9r&w1YW7y?GpXka!_2#kw3^7{XVf%X{3DPWH=rYC40eMiy+Nh>Ao zlJtp^=dz@2lBy)#mhQOXB59ep~CH+m(qmph)cf5m0%9KH^s)D~qQb(Etj>Q>C(}NDaM&4%i zpy`oR;U*?y8ThAw7l4(?B+eH)K8Ds7IMWKB{XBdr?w9>E@Qg7goJeiL1oQ|08gQSj zubyfD0RDB<3An8V+FGIK()IIW^I&a#A}#g6ca1TMCzNU7&I_b6__J;BgYUz&zTsth zdu=o=1>OOkizgKKIx49KABKH<`$z2EdyvD2-%2d}-n;RGcgM4m9*8F}>o%@q97I`!C(R;jl`*-k|rzbCYCN;U?qF(*m1kdqW?TEDP!PG>AruT8MNsrPKiumCK4T;;1UCDjF`75t*iTK(Dl6I5tAE79 z56^e*1P}ckZob(GJm;1mTpOS?gtKB32xVoZ6c$dfl3l;PzdX*!gqdH1sb3B{cz}Ws z&hk_sghC;zs^Z-GM$p>&KD%}u2+Eb=7#C;)02VI1m)zXZRTvLtR(W{{&to2@2IAIS@R1OO~sR_@I37NqzlDfpiNIG4GF3+>9|UAqp@*7iZb z9t|=+1SD?b_`r%454tFiUrB*S0Q7}`bE&XYP;fhCWu;cKn>X*EtLwi3dj!C_5YBFl zlu%v0D6tT527vaICZMEbDtFxRMJw6*`mOZ#UJclz6ej?ny4tSo(Ajx` z#>O21dy|F)%$ai+`T66mWY?_=ynEap!r6@#7@eILXlgpj_U&)d*Vory9@}+~TUySt zdv~Da@hQ{a8R@`j5_qDy`CU$&c<+Ygv5tR8e@7S?FPQ(Mcb-Xzh>jc*W$`tyyz@(50u9*zF3z~@8QF5aqQS}rceKZ z7x!YZ%@`9Ns7zk~^~aR35(y*IQz*1D=*;!(n&-o|`+G^76S> zvO9O~r>)J`x%v|D7wAubG3Fzn$xjP5R97#;n8dqu!r?IM*ZW!?Z#TyD!j0|zCy1K1gz50n)lRu5zI2C<=x(PVq)q-1WZ<5ZR?_$fAonB16ZjAYB z3V1&mE6Gw>c|W5^=OmQN$jC@26N6^php|q?Tn;nFd?;xi zZ~z#Qj77JM7?I86k1u8Q>g#oXPR=MMPcEXkxQNMhr)nV@!9flf$kD z8e@)0T81+*`a+_jXZi9KpM-Si9(mN?AxZT2>Z~V#_ z^P5CMw%g?m@C5Mea54uD9HF`S9VSh3f*w2e)Ap|VOCQcRpD=jWNLnE2Qfi)kNQw?Q zdz^zq(lkk}X$~|NZ_C-^96XY4lhlyrfCsoHX`Q6RMMMCJ_===`X$=04lBT3Q@Teph zN#B$+1XIO9Nq46;@Mt7uNcxVPXMHaR5OlYsO_Cl^)Q0E(JLEh^yg*W&r1KtvJ}2oV zN%u*z+hE|5z%wal3;qnCfT54hkH@)gpCk6;^G9tSee=Tq02j_k;%a8!)Bpeg07*qo IM6N<$g3yeqU;qFB diff --git a/public/index.html b/public/index.html index 6793e57..012a22d 100644 --- a/public/index.html +++ b/public/index.html @@ -1,20 +1,18 @@ - - - - - - - - - - - - - - - - Alephium DEX - - - -
- - - + + + \ No newline at end of file diff --git a/src/muiTheme.js b/src/muiTheme.js index 3d85a14..421409a 100644 --- a/src/muiTheme.js +++ b/src/muiTheme.js @@ -1,53 +1,53 @@ import { createTheme, responsiveFontSizes } from "@material-ui/core"; export const COLORS = { - blue: "#1975e6", - blueWithTransparency: "rgba(25, 117, 230, 0.8)", - gray: "#4e4e54", - green: "#0ac2af", - greenWithTransparency: "rgba(10, 194, 175, 0.8)", - lightGreen: "rgba(51, 242, 223, 1)", - lightBlue: "#83b9fc", - nearBlack: "#000008", - nearBlackWithMinorTransparency: "rgba(0,0,0,.70)", - red: "#aa0818", - darkRed: "#810612", + primary: "#ff5722", + primaryWithTransparency: "rgba(255, 87, 34, 0.8)", + secondary: "#4caf50", + secondaryWithTransparency: "rgba(76, 175, 80, 0.8)", + background: "#fafafa", + divider: "#bdbdbd", + text: "#212121", + error: "#e91e63", }; export const theme = responsiveFontSizes( createTheme({ palette: { - type: "dark", + type: "light", background: { - default: COLORS.nearBlack, - paper: COLORS.nearBlack, + default: COLORS.background, + paper: COLORS.background, }, - divider: COLORS.gray, + divider: COLORS.divider, text: { - primary: "rgba(255,255,255,0.98)", + primary: COLORS.text, }, primary: { - main: COLORS.blueWithTransparency, // #0074FF - light: COLORS.lightBlue, + main: COLORS.primaryWithTransparency, + light: COLORS.primary, }, secondary: { - main: COLORS.greenWithTransparency, // #00EFD8 - light: COLORS.lightGreen, + main: COLORS.secondaryWithTransparency, + light: COLORS.secondary, }, error: { - main: COLORS.red, + main: COLORS.error, }, }, typography: { - fontFamily: "'Sora', sans-serif", + fontFamily: "'Roboto', sans-serif", h1: { - fontWeight: "200", + fontWeight: "bold", + fontSize: "2.5rem", }, h2: { - fontWeight: "200", + fontWeight: "bold", + fontSize: "2rem", }, h4: { - fontWeight: "500", + fontWeight: "600", + fontSize: "1.5rem", }, }, overrides: { @@ -55,38 +55,37 @@ export const theme = responsiveFontSizes( "@global": { "*": { scrollbarWidth: "thin", - scrollbarColor: `${COLORS.gray} ${COLORS.nearBlackWithMinorTransparency}`, + scrollbarColor: `${COLORS.divider} ${COLORS.background}`, }, "*::-webkit-scrollbar": { width: "8px", height: "8px", - backgroundColor: COLORS.nearBlackWithMinorTransparency, + backgroundColor: COLORS.background, }, "*::-webkit-scrollbar-thumb": { - backgroundColor: COLORS.gray, + backgroundColor: COLORS.divider, borderRadius: "4px", }, "*::-webkit-scrollbar-corner": { - // this hides an annoying white box which appears when both scrollbars are present backgroundColor: "transparent", }, }, }, MuiAccordion: { root: { - backgroundColor: COLORS.nearBlackWithMinorTransparency, + backgroundColor: COLORS.background, "&:before": { display: "none", }, }, rounded: { "&:first-child": { - borderTopLeftRadius: "16px", - borderTopRightRadius: "16px", + borderTopLeftRadius: "8px", + borderTopRightRadius: "8px", }, "&:last-child": { - borderBottomLeftRadius: "16px", - borderBottomRightRadius: "16px", + borderBottomLeftRadius: "8px", + borderBottomRightRadius: "8px", }, }, }, @@ -98,18 +97,18 @@ export const theme = responsiveFontSizes( }, MuiButton: { root: { - borderRadius: "5px", - textTransform: "none", + borderRadius: "8px", + textTransform: "uppercase", }, }, MuiLink: { root: { - color: COLORS.lightBlue, + color: COLORS.primary, }, }, MuiPaper: { rounded: { - borderRadius: "16px", + borderRadius: "8px", }, }, MuiStepper: { @@ -120,8 +119,8 @@ export const theme = responsiveFontSizes( }, MuiStep: { root: { - backgroundColor: COLORS.nearBlackWithMinorTransparency, - borderRadius: "16px", + backgroundColor: COLORS.background, + borderRadius: "8px", padding: 16, }, }, @@ -137,22 +136,22 @@ export const theme = responsiveFontSizes( }, MuiStepLabel: { label: { - fontSize: 16, - fontWeight: "300", + fontSize: 18, + fontWeight: "500", "&.MuiStepLabel-active": { - fontWeight: "300", + fontWeight: "600", }, "&.MuiStepLabel-completed": { - fontWeight: "300", + fontWeight: "600", }, }, }, MuiTab: { root: { - fontSize: 18, - fontWeight: "300", - padding: 12, - textTransform: "none", + fontSize: 20, + fontWeight: "500", + padding: 16, + textTransform: "uppercase", }, }, },