commit 0e3ef4ebd48913e4db8dbb842c2b7179b7a9c26f
author idillon-sfl <io.daza-dillon@savoirfairelinux.com> Thu Aug 25 03:59:37 2022 -0400
committer idillon <io.daza-dillon@savoirfairelinux.com> Fri Sep 16 17:14:07 2022 -0400
tree 59a332ab5a2d6fc57082565a73126a9d75ae5120
parent 44b0534a914fcafc454d6d97326f5159213ca719

set Switcher theme

Change-Id: I0d4b3d9f4208f889fa16e2f1817415e81305e507

client/src/App.js

diff --git a/client/src/App.js b/client/src/App.js
index 373a438..573c190 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -101,6 +101,49 @@
         },
       },
     },
+    MuiSwitch: {
+      defaultProps: {
+        disableRipple: true,
+      },
+      styleOverrides: {
+        root: {
+          width: "60px",
+          height: "30px",
+          padding: 0,
+        },
+        switchBase: {
+          padding: 0,
+          "&.Mui-checked": {
+            transform: `translateX(30px)`,
+          },
+        },
+        thumb: {
+          width: "28px",
+          height: "28px",
+          border: "1px solid #005699",
+          ".Mui-checked.Mui-checked &": {
+            width: "30px",
+            height: "30px",
+            border: "none",
+          }
+        },
+        track: {
+          backgroundColor: "#0056991A",
+          borderRadius: "30px",
+          opacity: 1,
+          ".Mui-checked.Mui-checked + &": {
+            backgroundColor: "#0056991A",
+            opacity: 1,
+          }
+        },
+        colorPrimary: {
+          color: "#fff",
+          "&.Mui-checked": {
+            color: "#005699",
+          },
+        },
+      },
+    },
     MuiCssBaseline: {
       styleOverrides: `
         @font-face {