Moved color import to the modules requiring it

8 files changed, 15 insertions, 2 deletions

diff --git a/WebInterface/NodeJSServer/src/style/index.scss b/WebInterface/NodeJSServer/src/style/index.scss
index da347cb..285a47b 100644
--- a/WebInterface/NodeJSServer/src/style/index.scss
+++ b/WebInterface/NodeJSServer/src/style/index.scss
@@ -1,4 +1,3 @@
-@import 'partials/colors';
 @import 'partials/base';
 @import 'partials/btn';
 @import 'partials/backdrop/base';
diff --git a/WebInterface/NodeJSServer/src/style/partials/_base.scss b/WebInterface/NodeJSServer/src/style/partials/_base.scss
index 77d5bdd..5f300fd 100644
--- a/WebInterface/NodeJSServer/src/style/partials/_base.scss
+++ b/WebInterface/NodeJSServer/src/style/partials/_base.scss
@@ -1,3 +1,5 @@
+@import 'colors';
+
 html,body {
   height: 100vh;
   margin: 0;
diff --git a/WebInterface/NodeJSServer/src/style/partials/_btn.scss b/WebInterface/NodeJSServer/src/style/partials/_btn.scss
index 6c41b1f..cf5ee33 100644
--- a/WebInterface/NodeJSServer/src/style/partials/_btn.scss
+++ b/WebInterface/NodeJSServer/src/style/partials/_btn.scss
@@ -1,3 +1,5 @@
+@import 'colors';
+
 .btn {
   border: none;
   border-radius: 4px;
diff --git a/WebInterface/NodeJSServer/src/style/partials/backdrop/_base.scss b/WebInterface/NodeJSServer/src/style/partials/backdrop/_base.scss
index b283c0b..1b7a924 100644
--- a/WebInterface/NodeJSServer/src/style/partials/backdrop/_base.scss
+++ b/WebInterface/NodeJSServer/src/style/partials/backdrop/_base.scss
@@ -1,3 +1,5 @@
+@import '../colors';
+
 .backdrop {
   background-color: $secondary;
   color: $secondary-text;
diff --git a/WebInterface/NodeJSServer/src/style/partials/backdrop/_menu.scss b/WebInterface/NodeJSServer/src/style/partials/backdrop/_menu.scss
index e98c798..26833d5 100644
--- a/WebInterface/NodeJSServer/src/style/partials/backdrop/_menu.scss
+++ b/WebInterface/NodeJSServer/src/style/partials/backdrop/_menu.scss
@@ -1,3 +1,5 @@
+@import '../colors';
+
 .backdrop {
   .menu-actions {
     box-sizing: border-box;
diff --git a/WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss b/WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss
index 1465b77..4dd7361 100644
--- a/WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss
+++ b/WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss
@@ -1,3 +1,5 @@
+@import '../colors';
+
 .front-layer {
   .banner {
     z-index: 1;
diff --git a/WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss b/WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss
index 2921e22..2efb73b 100644
--- a/WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss
+++ b/WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss
@@ -1,3 +1,5 @@
+@import '../colors';
+
 .front-layer {
   .server-listing {
     box-sizing: border-box;
diff --git a/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss b/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss
index c8705e4..1e7742e 100644
--- a/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss
+++ b/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss
@@ -1,3 +1,5 @@
+@import '../colors';
+
 .modal-container {
   position:absolute;
   top: 0;
@@ -13,7 +15,7 @@
   }
 
   .modal {
-    background-color: #546e7a;
+    background-color: $secondary;
     margin: auto;
     padding: 1rem;
     border-style: none;