Define each theme in own file under themes dir

Sascha created 4 years ago

Change summary

webui/src/themes/DefaultDark.ts  | 12 ++++++++++++
webui/src/themes/DefaultLight.ts | 11 +----------
webui/src/themes/index.ts        |  4 ++++
3 files changed, 17 insertions(+), 10 deletions(-)

Detailed changes

webui/src/themes/DefaultDark.ts

@@ -0,0 +1,12 @@
+import { createMuiTheme } from '@material-ui/core/styles';
+
+const defaultDarkTheme = createMuiTheme({
+  palette: {
+    type: 'dark',
+    primary: {
+      main: '#263238',
+    },
+  },
+});
+
+export default defaultDarkTheme;

webui/src/theme.ts → webui/src/themes/DefaultLight.ts

@@ -9,13 +9,4 @@ const defaultLightTheme = createMuiTheme({
   },
 });
 
-const defaultDarkTheme = createMuiTheme({
-  palette: {
-    type: 'dark',
-    primary: {
-      main: '#263238',
-    },
-  },
-});
-
-export { defaultLightTheme, defaultDarkTheme };
+export default defaultLightTheme;

webui/src/themes/index.ts

@@ -0,0 +1,4 @@
+import defaultDarkTheme from './DefaultDark';
+import defaultLightTheme from './DefaultLight';
+
+export { defaultLightTheme, defaultDarkTheme };