From 548febcbc7af50e8f33c393d481fa253f27aa795 Mon Sep 17 00:00:00 2001
From: Sascha <GlancingMind@outlook.com>
Date: Tue, 2 Mar 2021 13:29:36 +0100
Subject: [PATCH] Define each theme in own file under themes dir

---
 webui/src/themes/DefaultDark.ts                | 12 ++++++++++++
 webui/src/{theme.ts => themes/DefaultLight.ts} | 11 +----------
 webui/src/themes/index.ts                      |  4 ++++
 3 files changed, 17 insertions(+), 10 deletions(-)
 create mode 100644 webui/src/themes/DefaultDark.ts
 rename webui/src/{theme.ts => themes/DefaultLight.ts} (51%)
 create mode 100644 webui/src/themes/index.ts

diff --git a/webui/src/themes/DefaultDark.ts b/webui/src/themes/DefaultDark.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8d961caa8809b43565ec89f10b927a94609c0708
--- /dev/null
+++ b/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;
diff --git a/webui/src/theme.ts b/webui/src/themes/DefaultLight.ts
similarity index 51%
rename from webui/src/theme.ts
rename to webui/src/themes/DefaultLight.ts
index 67c24526d34fb2562d7c7ede0c4de701e20c3901..3a404fd5aa4a71c781980a7956353d84a0f25ee5 100644
--- a/webui/src/theme.ts
+++ b/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;
diff --git a/webui/src/themes/index.ts b/webui/src/themes/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6c41c546fc58887c5dadd18ccae6f60b478aaa6b
--- /dev/null
+++ b/webui/src/themes/index.ts
@@ -0,0 +1,4 @@
+import defaultDarkTheme from './DefaultDark';
+import defaultLightTheme from './DefaultLight';
+
+export { defaultLightTheme, defaultDarkTheme };