From 563fc8ed410f1b3eecb594a02ac09c2651a8eaf0 Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Mon, 18 Nov 2024 13:23:02 -0600
Subject: [PATCH] using styled overrides in theme.ts to adopt old theming

---
 src/theme/theme.ts | 204 +++++++++++++++++++++++----------------------
 1 file changed, 105 insertions(+), 99 deletions(-)

diff --git a/src/theme/theme.ts b/src/theme/theme.ts
index b21a996..8112c13 100644
--- a/src/theme/theme.ts
+++ b/src/theme/theme.ts
@@ -70,106 +70,112 @@ function options(themeType: "light" | "dark"): ThemeOptions {
             color: accent,
           },
         },
+      },
+      MuiBottomNavigation: {
+        styleOverrides: {
+          root: {
+            backgroundColor: signature
+          }
+        }
+      },
+      MuiBottomNavigationAction: {
+        styleOverrides: {
+          root: {
+            backgroundColor: signature,
+            color: Colours["grey"][500],
+            "&$selected": {
+              color: accent
+            }
+          }
+        },
+      },
+      MuiCard: {
+        styleOverrides: {
+          root: {
+            borderRadius: "5px",
+            "@media (min-width: 600px)": {
+              borderRadius: "7px"
+            }
+          }
+        }
+      },
+      MuiChip: {
+        styleOverrides: {
+          root: {
+            "@media (max-width: 600px)": {
+              height: "24px"
+            }
+          },
+          avatar: {
+            "@media (max-width: 600px)": {
+              height: "24px",
+              width: "24px"
+            }
+          }
+        },
+      },
+      MuiDialog: {
+        styleOverrides: {
+          paperFullScreen: {
+            overflowX: "hidden"
+          }
+        },
+      },
+      MuiSlider: {
+        styleOverrides: {
+          root: {
+            height: 5
+          },
+          thumb: {
+            height: 18,
+            width: 18,
+            marginTop: -6,
+            marginLeft: -9,
+            "&:focus,&:hover,&$active": {
+              boxShadow: "inherit"
+            }
+          },
+          active: {},
+          valueLabel: {
+            left: "calc(-50% + 2px)"
+          },
+          track: {
+            height: 7,
+            borderRadius: 4
+          },
+          rail: {
+            height: 7,
+            borderRadius: 4
+          },
+          vertical: {
+            "& .MuiSlider-thumb": {
+              marginLeft: "-8px !important"
+            }
+          }
+        },
+      },
+      MuiStepper: {
+        styleOverrides: {
+          root: {
+            background: "transparent"
+          }
+        },
+      },
+      MuiSwitch: {
+        styleOverrides: {
+          switchBase: {
+            color: Colours.grey[400],
+            "&$checked": {
+              color: Colours.grey[100]
+            },
+            "&$checked + $track": {
+              color: Colours.grey[100]
+            }
+          },
+          checked: {},
+          track: {}
+        }
       }
     }
-    // components: {
-    //   MuiAppBar: {
-    //     styleOverrides: {
-    //       colorPrimary: {
-    //         backgroundColor: signature,
-    //         color: accent,
-    //       },
-    //     },
-    //   },
-    //   MuiBottomNavigation: {
-    //     root: {
-    //       backgroundColor: signature
-    //     }
-    //   },
-    //   MuiBottomNavigationAction: {
-    //     root: {
-    //       backgroundColor: signature,
-    //       color: Colours["grey"][500],
-    //       "&$selected": {
-    //         color: accent
-    //       }
-    //     }
-    //   },
-    //   MuiCard: {
-    //     root: {
-    //       borderRadius: "5px",
-    //       "@media (min-width: 600px)": {
-    //         borderRadius: "7px"
-    //       }
-    //     }
-    //   },
-    //   MuiChip: {
-    //     root: {
-    //       "@media (max-width: 600px)": {
-    //         height: "24px"
-    //       }
-    //     },
-    //     avatar: {
-    //       "@media (max-width: 600px)": {
-    //         height: "24px",
-    //         width: "24px"
-    //       }
-    //     }
-    //   },
-    //   MuiDialog: {
-    //     paperFullScreen: {
-    //       overflowX: "hidden"
-    //     }
-    //   },
-    //   MuiSlider: {
-    //     root: {
-    //       height: 5
-    //     },
-    //     thumb: {
-    //       height: 18,
-    //       width: 18,
-    //       marginTop: -6,
-    //       marginLeft: -9,
-    //       "&:focus,&:hover,&$active": {
-    //         boxShadow: "inherit"
-    //       }
-    //     },
-    //     active: {},
-    //     valueLabel: {
-    //       left: "calc(-50% + 2px)"
-    //     },
-    //     track: {
-    //       height: 7,
-    //       borderRadius: 4
-    //     },
-    //     rail: {
-    //       height: 7,
-    //       borderRadius: 4
-    //     },
-    //     vertical: {
-    //       "& .MuiSlider-thumb": {
-    //         marginLeft: "-8px !important"
-    //       }
-    //     }
-    //   },
-    //   MuiStepper: {
-    //     root: {
-    //       background: "transparent"
-    //     }
-    //   },
-    //   MuiSwitch: {
-    //     switchBase: {
-    //       color: Colours.grey[400],
-    //       "&$checked": {
-    //         color: Colours.grey[100]
-    //       },
-    //       "&$checked + $track": {
-    //         color: Colours.grey[100]
-    //       }
-    //     },
-    //     checked: {},
-    //     track: {}
-    //   }
-    // }
   } as ThemeOptions;
 }