diff --git a/public/css/darkMode.css b/public/css/darkMode.css
deleted file mode 100644
index 50b3dd7..0000000
--- a/public/css/darkMode.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/* imho not necessary */
-:root {
- --main-background: #141414;
- --secondary-background: #242424;
- --main-text: #eeeeee;
- --panels-background: #1a1a1a;
- --panels-text: #ffffff;
-}
diff --git a/public/css/modules/base.css b/public/css/modules/base.css
index bc38a31..3f47eb6 100644
--- a/public/css/modules/base.css
+++ b/public/css/modules/base.css
@@ -15,7 +15,7 @@
--toast-text: #ffffffde;
}
-/* A little JS needed, not difficult */
+/* Add to body to switch dark mode */
.dark-theme {
--main-background: #141414;
--secondary-background: #242424;
diff --git a/public/css/progressbar.css b/public/css/modules/progressbar.css
similarity index 100%
rename from public/css/progressbar.css
rename to public/css/modules/progressbar.css
diff --git a/public/css/style.css b/public/css/style.css
index 23d57bf..e42799e 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,9 +1,16 @@
-@import 'modules/base.css';
-@import 'modules/globals.css';
-@import 'modules/sidebar.css';
-@import 'modules/middle-section.css';
-@import 'modules/tabs.css';
-@import 'modules/stackedTabs.css';
-@import 'modules/settings.css';
-@import 'modules/main-search.css';
-@import 'modules/download-tab.css';
+@import './vendor/animate.css';
+@import './vendor/material-icons.css';
+@import './vendor/OpenSans.css';
+@import './vendor/toastify.css';
+
+@import './modules/base.css';
+@import './modules/globals.css';
+@import './modules/progressbar.css';
+
+@import './modules/sidebar.css';
+@import './modules/middle-section.css';
+@import './modules/tabs.css';
+@import './modules/stackedTabs.css';
+@import './modules/settings.css';
+@import './modules/main-search.css';
+@import './modules/download-tab.css';
diff --git a/public/index.html b/public/index.html
index c886eea..77d9949 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,20 +3,8 @@
deemix
-
-
-
-
-
-
-
-