color change (#50)

* color change

* version change

Author: ct-dixit

package.json

@@ -1,6 +1,6 @@
 {
     "name": "berry-material-react-free",
-    "version": "3.2.0",
+    "version": "3.3.0",
     "private": true,
     "homepage": "https://berrydashboard.io/free",
     "dependencies": {

src/assets/scss/_themes-vars.module.scss

@@ -2,7 +2,7 @@
 $paper: #ffffff;
 
 // primary
-$primaryLight: #e3f2fd;
+$primaryLight: #eef2f6;
 $primaryMain: #2196f3;
 $primaryDark: #1e88e5;
 $primary200: #90caf9;
@@ -37,14 +37,14 @@ $warningMain: #ffe57f;
 $warningDark: #ffc107;
 
 // grey
-$grey50: #fafafa;
-$grey100: #f5f5f5;
-$grey200: #eeeeee;
-$grey300: #e0e0e0;
-$grey500: #9e9e9e;
-$grey600: #757575;
-$grey700: #616161;
-$grey900: #212121;
+$grey50: #F8FAFC;
+$grey100: #EEF2F6;
+$grey200: #E3E8EF;
+$grey300: #CDD5DF;
+$grey500: #697586;
+$grey600: #4B5565;
+$grey700: #364152;
+$grey900: #121926;
 
 // ==============================|| DARK THEME VARIANTS ||============================== //
 
@@ -57,7 +57,7 @@ $darkLevel1: #29314f; // level 1
 $darkLevel2: #212946; // level 2
 
 // primary dark
-$darkPrimaryLight: #e3f2fd;
+$darkPrimaryLight: #eef2f6;
 $darkPrimaryMain: #2196f3;
 $darkPrimaryDark: #1e88e5;
 $darkPrimary200: #90caf9;

src/ui-component/cards/MainCard.js

@@ -38,7 +38,7 @@ const MainCard = forwardRef(
                 {...others}
                 sx={{
                     border: border ? '1px solid' : 'none',
-                    borderColor: theme.palette.primary[200] + 75,
+                    borderColor: theme.palette.primary[200] + 25,
                     ':hover': {
                         boxShadow: boxShadow ? shadow || '0 2px 14px 0 rgb(32 40 45 / 8%)' : 'inherit'
                     },