set Switcher theme
Change-Id: I0d4b3d9f4208f889fa16e2f1817415e81305e507
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 {