Inject theme instead of defining it in Themer.tsx

1 files changed, 11 insertions, 2 deletions

diff --git a/webui/src/theme.ts b/webui/src/theme.ts
index 3d536941..67c24526 100644
--- a/webui/src/theme.ts
+++ b/webui/src/theme.ts
@@ -1,6 +1,15 @@
 import { createMuiTheme } from '@material-ui/core/styles';
 
-const theme = createMuiTheme({
+const defaultLightTheme = createMuiTheme({
+  palette: {
+    type: 'light',
+    primary: {
+      main: '#263238',
+    },
+  },
+});
+
+const defaultDarkTheme = createMuiTheme({
   palette: {
     type: 'dark',
     primary: {
@@ -9,4 +18,4 @@ const theme = createMuiTheme({
   },
 });
 
-export default theme;
+export { defaultLightTheme, defaultDarkTheme };