blerdpass

0xAr0k · Jul 7, 2022 · 4e21981 · 4e21981
1 parent bba353a
commit 4e21981
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 10 deletions.
diff --git a/blerdpass-frontend/src/components/home/HeadSection.tsx b/blerdpass-frontend/src/components/home/HeadSection.tsx
@@ -25,7 +25,7 @@ function HeadSection() {
 
             <Typography textAlign={"center"} variant={"h1"}
                         color={"#fff"} paddingBottom={4}
-                        sx={{textShadow: '3px 3px 3px #26a4fe'}}>
+                        sx={{textShadow: '3px 3px 3px #ed1f24'}}>
               MINT
             </Typography>
 
@@ -36,7 +36,7 @@ function HeadSection() {
           <Stack paddingBottom={12} spacing={2} alignItems={"center"}>
             <Typography textAlign={"center"} variant={"h1"}
                         color={"#fff"} paddingBottom={2}
-                        sx={{textShadow: '3px 3px 3px #ff00ba'}}>
+                        sx={{textShadow: '3px 3px 3px #ed1f24'}}>
               MINT
             </Typography>
 

diff --git a/blerdpass-frontend/src/components/mint/MintRoot.tsx b/blerdpass-frontend/src/components/mint/MintRoot.tsx
@@ -41,10 +41,10 @@ function MintRoot() {
 
     return (
         <Stack alignItems="center" spacing={3}>
-            <Typography variant={"h5"} color="primary" width={"70vw"} textAlign={"center"}>
+            <Typography variant={"h5"} color={"#fff"} width={"70vw"} textAlign={"center"}>
                 Welcome to BlerdPass Mint Central, each wallet is eligible to mint 1 BlerdPass Token. Mint price are free + gas fee.
             </Typography>
-            <Typography variant={"h3"} color="primary">{app.currentMinted} /
+            <Typography variant={"h3"} color={"#fff"}>{app.currentMinted} /
                 3000 MINTED</Typography>
             <Stack direction={"row"} spacing={2} alignItems="center">
                 <Fab size="small" aria-label="remove" onClick={mintMinus}
@@ -71,7 +71,6 @@ function MintRoot() {
                     </Typography>
                 </Button>
             </Stack>
-
         </Stack>
     )
 

diff --git a/blerdpass-frontend/src/pages/Layout.tsx b/blerdpass-frontend/src/pages/Layout.tsx
@@ -56,6 +56,7 @@ const Layout = ({children}: LayoutProps) => {
                 <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="true" />
                 <link rel="stylesheet" href="/fonts/KeepCalm.css"/>
                 <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet" />
+                <link href="https://fonts.googleapis.com/css2?family=Exo:wght@500&display=swap" rel="stylesheet"/>
                 {/*<link href="https://fonts.googleapis.com/css2?family=Macondo+Swash+Caps&display=swap" rel="stylesheet" />*/}
                 <meta name="twitter:card" content="summary"/>
                 <meta name="twitter:site" content="@BatPocong"/>

diff --git a/blerdpass-frontend/src/styles/Theme.ts b/blerdpass-frontend/src/styles/Theme.ts
@@ -37,31 +37,36 @@ export const theme = createTheme({
     typography: {
         h1: {
             fontSize: 42,
-            fontWeight: 200
+            fontWeight: 200,
+            fontFamily: 'Exo'
         },
         h2: {
             fontSize: 28,
-            fontWeight: 200
+            fontWeight: 200,
+            fontFamily: 'Exo'
         },
         h3: {
             fontSize: 22,
             fontWeight: 200,
+            fontFamily: 'Exo'
         },
         h4: {
             fontSize: 18,
-            fontWeight: 200
+            fontWeight: 200,
+            fontFamily: 'Exo'
         },
         h5: {
             fontSize: 14,
-            fontWeight: 200
+            fontWeight: 200,
+            fontFamily: 'Exo'
         },
         h6: {
             fontSize: 12,
             fontWeight: 200
         },
         body1: {
             fontSize: 16,
-            fontFamily: 'Press Start 2P'
+            fontFamily: 'Exo'
         },
         body2: {
             fontSize: 12