style updates

RegionX-Labs · Aug 28, 2024 · fda2291 · fda2291
1 parent 10ca842
commit fda2291
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 17 deletions.
diff --git a/src/assets/chart.png b/src/assets/chart.png
diff --git a/src/assets/chart.svg b/src/assets/chart.svg
diff --git a/src/assets/logo.png b/src/assets/logo.png
diff --git a/src/components/Panels/SalePhaseInfoPanel/index.tsx b/src/components/Panels/SalePhaseInfoPanel/index.tsx
@@ -50,8 +50,8 @@ export const SalePhaseInfoPanel = () => {
             variant='text'
             className={styles.buttonWrapper}
             sx={{
-              background: '#e8eff7',
-              color: theme.palette.text.secondary,
+              background: theme.palette.grey[100],
+              color: theme.palette.text.primary,
             }}
             onClick={() => openHistoryModal(true)}
             data-cy='btn-purchase-history'

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -11,11 +11,7 @@ export default class MyDocument extends Document {
         <Head>
           <link rel='icon' href='/favicon.ico' />
 
-          {/* default style for MUI is Roboto */}
-          <link
-            rel='stylesheet'
-            href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap'
-          />
+          <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' />
           {/* Inject MUI styles first to match with the prepend: true configuration. */}
           {(this.props as any).emotionStyleTags}
         </Head>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -21,7 +21,7 @@ import { getBalanceString } from '@/utils/functions';
 
 import { PurchaseHistoryTable } from '@/components';
 
-import Chart from '@/assets/chart.png';
+import Chart from '@/assets/chart.svg';
 import Config from '@/assets/config.png';
 import Manage from '@/assets/manage.png';
 import Trade from '@/assets/trade.png';

diff --git a/src/utils/muiTheme.ts b/src/utils/muiTheme.ts
@@ -15,27 +15,27 @@ let theme = createTheme({
       default: '#f6f7fa',
     },
     primary: {
-      contrastText: '#ecedef',
-      main: '#3868a9',
+      contrastText: '#f6f7fa',
+      main: '#3758F9',
     },
     success: {
-      main: '#68a938',
+      main: '#13C296',
     },
     grey: {
       100: '#eeeff4',
       200: '#8c8c8c',
     },
     text: {
-      primary: '#7e8591',
-      secondary: '#3868a9',
+      primary: '#637381',
+      secondary: '#8899A8',
     },
     common: {
       white: '#fff',
     },
     warning: {
-      main: '#A93868',
+      main: '#FCD34D',
     },
-    divider: '#efefef',
+    divider: '#F3F4F6',
   },
   typography: {
     subtitle1: {

diff --git a/styles/global.scss b/styles/global.scss
@@ -1,4 +1,5 @@
-body, html {
+body,
+html {
   height: 100vh;
 }
 
@@ -8,4 +9,6 @@ body, html {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-}
+  font-family: 'Montserrat';
+  font-weight: 600;
+}