Resize theme switch

1 files changed, 8 insertions, 26 deletions

diff --git a/pydis_site/static/css/base/navbar.css b/pydis_site/static/css/base/navbar.css
index 497429c6..66744c99 100644
--- a/pydis_site/static/css/base/navbar.css
+++ b/pydis_site/static/css/base/navbar.css
@@ -1,7 +1,7 @@
 .switch {
   position: relative;
   height: 2em;
-  width: 5em;
+  width: 4em;
   cursor: pointer;
 }
 
@@ -21,56 +21,38 @@
   background-color: #3f61d9;
 }
 
-.switch-inner {
-  width: 95%;
-  top: 50%;
-  border-radius: 2em;
-  transition: background-color 0.2s ease-out;
-}
-
-.switch.light .switch-inner {
-  background-color: #7289da;
-}
-.switch.dark .switch-inner {
-  background-color: #1b2137;
-}
-
 .knob {
   position: absolute;
-  height: 75%;
+  padding-top: 20%;
+  height: 70%;
   width: 37.5%;
-  top: 50%;
-  transform: translate(0%, -65%);
   border-radius: 10em;
   transition: all 0.5s ease-out;
 }
 
 .knob.dark {
   background-color: #586282;
-  margin: 6% auto auto 8%;
+  margin: 7% auto auto 8%;
 }
 
 .knob.light {
   background-color: #364c94;
-  margin: 6% auto auto 56%;
+  margin: 7% auto auto 56%;
 }
 
 .theme-icon {
   position: absolute !important;
-  color: white;
   --ggs: 1;
-  opacity: 100%;
   transition: opacity 0.3s ease-out;
-  bottom: auto;
 }
 
 .theme-icon.light {
-  left: 15%;
-  top: 20%
+  left: 10%;
+  top: 15%
 }
 
 .theme-icon.dark {
-  right: 15%;
+  right: 10%;
   top: 20%
 }