Merge pull request #949 from getmaxun/theme-sync

feat: sync theme w cloud

src/context/theme-provider.tsx

@@ -81,6 +81,13 @@ const lightTheme = createTheme({
     },
     MuiAlert: {
       styleOverrides: {
+        outlinedInfo: {
+          color: 'rgb(0, 0, 0)',
+          border: 'none',
+          "& .MuiAlert-icon": {
+            color: "#000000",
+          },
+        },
         standardInfo: {
           backgroundColor: "#fce1f4",
           color: "#ff00c3",
@@ -88,22 +95,6 @@ const lightTheme = createTheme({
             color: "#ff00c3",
           },
         },
-        outlinedInfo: {
-          color: '#000000ff',
-          borderColor: '#000000ff',
-          "& .MuiAlert-icon": {
-            color: "#000000ff",
-          },
-        },
-      },
-    },
-    MuiAlertTitle: {
-      styleOverrides: {
-        root: {
-          "& .MuiAlert-icon": {
-            color: "#ffffff",
-          },
-        },
       },
     },
   },
@@ -231,31 +222,23 @@ const darkTheme = createTheme({
     },
     MuiAlert: {
       styleOverrides: {
-        standardInfo: {
-          backgroundColor: "rgba(255, 0, 195, 0.15)",
-          color: "#ff66d9",
-          "& .MuiAlert-icon": {
-            color: "#ff66d9",
-          },
-        },
         outlinedInfo: {
           color: '#ffffff',
-          borderColor: '#ffffff',
+          border: 'none',
           "& .MuiAlert-icon": {
             color: "#ffffff",
           },
         },
-      },
+        standardInfo: {
-    },
+          backgroundColor: "#080808ff",
-    MuiAlertTitle: {
+          color: "#ff00c3",
-      styleOverrides: {
-        root: {
           "& .MuiAlert-icon": {
-            color: "#ff66d9",
+            color: "#ff00c3",
           },
         },
       },
     },
+    // Additional dark mode specific components
     MuiPaper: {
       styleOverrides: {
         root: {
@@ -292,6 +275,14 @@ const darkTheme = createTheme({
         },
       },
     },
+    //   MuiTextField:{
+    //     styleOverrides: {
+    //       root: {
+    //         '& .MuiInputBase-root': {
+    //           backgroundColor: '#1d1c1cff',
+    //         },
+    //   }
+    // }}
   },
 });