From a92da271d130474ddde878de514cccb2ffc66b12 Mon Sep 17 00:00:00 2001
From: Christian Klein <chris+git@yokta.de>
Date: Sun, 9 May 2021 19:03:32 +0200
Subject: [PATCH] Updated Coloring for loader

---
 out/css/colors-dark.css  |  7 ++++---
 out/css/colors-light.css |  7 ++++---
 out/css/loader.css       |  2 +-
 out/css/style.css        | 13 +++++++------
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/out/css/colors-dark.css b/out/css/colors-dark.css
index 9f0059f..ef01822 100644
--- a/out/css/colors-dark.css
+++ b/out/css/colors-dark.css
@@ -101,9 +101,10 @@
     --color-code: var(--color-black-light1);
     --color-code-text: var(--color-white);
 
-    --color-loader-text: var(--color-white);
-    --color-loader: var(--color-black-light1);
-    --color-loader-hover: var(--color-black-light2);
+    --color-dragdrop: var(--color-code);
+    --color-dragdrop-text: var(--color-white);
+    --color-dragdrop-processing: var(--color-cu-main);
+    --color-dragdrop-processing-text: var(--color-white);
 }
 
 
diff --git a/out/css/colors-light.css b/out/css/colors-light.css
index 955886c..e306097 100644
--- a/out/css/colors-light.css
+++ b/out/css/colors-light.css
@@ -100,9 +100,10 @@
     --color-code: var(--color-white-light2);
     --color-code-text: var(--color-black);
 
-    --color-loader-text: var(--color-black);
-    --color-loader: var(--color-grey-light1);
-    --color-loader-hover: var(--color-grey-light2);
+    --color-dragdrop: var(--color-code);
+    --color-dragdrop-text: var(--color-black);
+    --color-dragdrop-processing: var(--color-cu-light1);
+    --color-dragdrop-processing-text: var(--color-black);
 }
 
 
diff --git a/out/css/loader.css b/out/css/loader.css
index b3a8f48..08b896d 100644
--- a/out/css/loader.css
+++ b/out/css/loader.css
@@ -1,6 +1,6 @@
 /* Variables */
 * {
-    --loaderDivCol: var(--color-loader-text);
+    --loaderDivCol: var(--color-dragdrop-processing-text);
 
     --circR: 1rem;
     --circD: 2rem;
diff --git a/out/css/style.css b/out/css/style.css
index aa8c4d0..81f3a4d 100644
--- a/out/css/style.css
+++ b/out/css/style.css
@@ -43,27 +43,28 @@ footer{
     height: 100vh;
 	width: 100%;
 
-	background-color: var(--color-loader);
-	color: var(--color-loader-text);
+	background-color: var(--color-dragdrop);
+	color: var(--color-dragdrop-text);
 
-	--transition: all 0.25s ease-in-out 0s;
-	transition: var(--transition);
 	visibility: hidden;
     opacity: 0;
-
     z-index: 1000;
 
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	flex-direction: column;
+
+	--transition: all 0.25s ease-in-out 0s;
+	transition: var(--transition);
 }
 .dragDrop.hover, .dragDrop.loading {
 	visibility: visible;
 	opacity: 1;
 }
 .dragDrop.loading {
-	background-color: var(--color-loader-hover);
+	background-color: var(--color-dragdrop-processing);
+	color: var(--color-dragdrop-processing-text);
 }
 .dragDrop .loader {
 	display: none;