Fix the theme toggle

diff --git a/backend/scss/main.scss b/backend/scss/main.scss
index 89cc732..10ae29c 100644 (file)
--- a/backend/scss/main.scss
+++ b/backend/scss/main.scss
@@ -291,6 +291,7 @@ body {
     // font-size: 17px;
     position: relative;
     display: inline-block;
+    vertical-align: middle;
     width: 3.5em;
     height: 2em;
 
@@ -301,7 +302,6 @@ body {
         height: 0;
     }
 
-    // The slider.
     .slider {
         position: absolute;
         cursor: pointer;
@@ -309,12 +309,13 @@ body {
         left: 0;
         right: 0;
         bottom: 0;
-        background-color: #223243;
+        background-color: $color-2;
         transition: .4s;
         border-radius: 30px;
+        margin: 0px;
     }
 
-    .slider:before {
+    .slider::before {
         position: absolute;
         content: "";
         height: 1.4em;
@@ -322,44 +323,14 @@ body {
         border-radius: 20px;
         left: 0.3em;
         bottom: 0.3em;
-        background-color: #223243;
-        box-shadow: inset 2px -2px 0 1.8px #fff;
+        background-color: $color-1;
+        box-shadow: inset 2px -2px 0 1.8px #ffffff;
         transition: .4s;
-        animation: anima1 0.3s linear;
-    }
-
-    @keyframes anima1 {
-        0% {
-            transform: translateX(1.5em);
-        }
-
-        80% {
-            transform: translateX(-0.3em);
-        }
-
-        100% {
-            transform: translateX(0em);
-        }
     }
 
     input:checked+.slider:before {
         background-color: yellow;
         box-shadow: none;
         transform: translateX(1.5em);
-        animation: anima 0.3s linear;
-    }
-
-    @keyframes anima {
-        0% {
-            transform: translateX(0px)
-        }
-
-        80% {
-            transform: translateX(1.6em)
-        }
-
-        100% {
-            transform: translateX(1.4em)
-        }
     }
 }
\ No newline at end of file