From 7f17d6fb88aea0e754b5a1141751420ae44a43fb Mon Sep 17 00:00:00 2001
From: iTrooz_ <itrooz@protonmail.com>
Date: Fri, 19 Nov 2021 09:18:00 +0100
Subject: [PATCH] new theme changing animation

---
 js/themeManager.js | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/js/themeManager.js b/js/themeManager.js
index 3a1434c..4a864dd 100644
--- a/js/themeManager.js
+++ b/js/themeManager.js
@@ -1,17 +1,16 @@
 function setTransition(div, n){
-    div.style.filter = "blur("+n+"px)"
+    // div.style.filter = "blur("+n+"px)";
+    div.style.opacity = n/100;
 }
 
-var fading = false
+var fading = false;
 
 function switchTheme(){
     if(fading)return;
     fading = true;
 
-    let LOOP_TIMES = 100;
-
-    for(let i=0;i<=LOOP_TIMES;++i){
-        setTimeout(() => {setTransition(div, i*2)}, i*5);
+    for(let i=0;i<=100;++i){
+        setTimeout(() => {setTransition(div, 100-i)}, i*5);
     }
 
     let div = document.getElementsByTagName("body")[0];
@@ -24,12 +23,12 @@ function switchTheme(){
             setTheme("today");
         }
     
-        for(let i=0;i<=LOOP_TIMES;++i){
-            setTimeout(() => {setTransition(div, (LOOP_TIMES-i)*2)}, i*5);
+        for(let i=0;i<=100;++i){
+            setTimeout(() => {setTransition(div, i)}, i*5);
         }
 
-        setTimeout(()=>fading=false, LOOP_TIMES*10)
-    }, LOOP_TIMES*5)
+        setTimeout(()=>fading=false, 100*5)
+    }, 100*5)
 
 }
 
@@ -49,4 +48,4 @@ if(document.cookie==""){
 }else{
     console.log(document.cookie)
     setTheme(document.cookie); // I know, we aren't supposed to store cookies like that
-}
\ No newline at end of file
+}