Merge pull request #49 from ceph/mrt

Replace @mui/x-data-grid with material-react-table

index.html

@@ -5,7 +5,6 @@
   <meta charset="utf-8" />
   <link rel="icon" href="/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="theme-color" content="#000000" />
   <meta name="description" content="Pulpito" />
   <link rel="apple-touch-icon" href="/favicon.ico" />
   <link rel="manifest" href="/manifest.json" />
@@ -27,10 +26,12 @@
   <div id="root"></div>
   <script>
     try {
-      let colorScheme = "light";
-      if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-        colorScheme = "dark";
-      };
+      let colorScheme = localStorage.getItem("theme");
+      const systemDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+      if (!colorScheme) {
+        colorScheme = systemDarkMode ? "dark" : "light";
+      }
+      if (!!colorScheme) localStorage.setItem("theme", colorScheme);
       document.getElementsByTagName("body")[0].setAttribute("color-scheme", colorScheme);
     } catch (e) {
       console.error(e);