From f3fe81feea449313dd5670a2c93bee06f418e6e8 Mon Sep 17 00:00:00 2001
From: Silversthorn <nakor.silverton@gmail.com>
Date: Sun, 6 Oct 2024 21:07:22 +0200
Subject: [PATCH] Finalising consistency

---
 .../static/assets/css/crafty-toggle-btn.css   | 26 +++++++++----------
 app/frontend/static/assets/css/crafty.css     | 14 ++--------
 2 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/app/frontend/static/assets/css/crafty-toggle-btn.css b/app/frontend/static/assets/css/crafty-toggle-btn.css
index 94ccaa7b..508b9806 100644
--- a/app/frontend/static/assets/css/crafty-toggle-btn.css
+++ b/app/frontend/static/assets/css/crafty-toggle-btn.css
@@ -9,8 +9,8 @@
     height: 1.5rem;
     width: 3rem;
     border-radius: 1.5rem;
-    color: #6b7381;
-    background: #bdc1c8;
+    color: var(--gray);
+    background: var(--select-bg);
 }
 
 .btn-toggle:focus,
@@ -52,7 +52,7 @@
     width: 1.125rem;
     height: 1.125rem;
     border-radius: 1.125rem;
-    background: #fff;
+    background: var(--white);
     transition: left 0.25s;
 }
 
@@ -76,7 +76,7 @@
 .btn-toggle.btn-sm:before,
 .btn-toggle.btn-sm:after {
     line-height: -0.5rem;
-    color: #fff;
+    color: var(--white);
     letter-spacing: 0.75px;
     left: 0.4125rem;
     width: 2.325rem;
@@ -106,11 +106,11 @@
 
 .btn-toggle:before,
 .btn-toggle:after {
-    color: #6b7381;
+    color: var(--gray);
 }
 
 .btn-toggle.active {
-    background-color: #29b5a8;
+    background-color: var(--success);
 }
 
 .btn-toggle.btn-lg {
@@ -162,7 +162,7 @@
     width: 1.875rem;
     height: 1.875rem;
     border-radius: 1.875rem;
-    background: #fff;
+    background: var(--white);
     transition: left 0.25s;
 }
 
@@ -186,7 +186,7 @@
 .btn-toggle.btn-lg.btn-sm:before,
 .btn-toggle.btn-lg.btn-sm:after {
     line-height: 0.5rem;
-    color: #fff;
+    color: var(--white);
     letter-spacing: 0.75px;
     left: 0.6875rem;
     width: 3.875rem;
@@ -423,7 +423,7 @@
 
 .btn-toggle.btn-info:before,
 .btn-toggle.btn-info:after {
-    color: #6b7381;
+    color: var(--gray);
 }
 
 .btn-toggle.btn-info.active {
@@ -431,17 +431,17 @@
 }
 
 .btn-toggle.btn-secondary {
-    color: #6b7381;
-    background: #bdc1c8;
+    color: var(--gray);
+    background: var(--select-bg);
 }
 
 .btn-toggle.btn-secondary:before,
 .btn-toggle.btn-secondary:after {
-    color: #6b7381;
+    color: var(--gray);
 }
 
 .btn-toggle.btn-secondary.active {
-    background-color: #ff8300;
+    background-color: var(--warning);
 }
 
 /**************************************************************/
\ No newline at end of file
diff --git a/app/frontend/static/assets/css/crafty.css b/app/frontend/static/assets/css/crafty.css
index fad84a0a..1700acd0 100644
--- a/app/frontend/static/assets/css/crafty.css
+++ b/app/frontend/static/assets/css/crafty.css
@@ -187,11 +187,11 @@ td::-webkit-scrollbar {
 }
 
 .mc-log-error {
-    color: #af463f;
+    color: var(--danger);
 }
 
 .mc-log-fatal {
-    color: #da0f00;
+    color: var(--red);
 }
 
 .mc-log-keyword {
@@ -212,16 +212,6 @@ body {
     /* Firefox */
 }
 
-/* Webkit */
-/* Didn't really work out
-::-webkit-scrollbar { background-color: #202538; }
-::-webkit-scrollbar-button { background-color: #1D212F; }
-::-webkit-scrollbar-thumb { background-color: #777A86; }
-::-webkit-scrollbar-thumb:hover { background-color: #646773; }
-
-::-webkit-scrollbar-track { background-color: #202538; }
-::-webkit-scrollbar-corner { background-color: #202538; }*/
-
 .actions_serverlist>a>i {
     cursor: pointer;
 }