UI improvements

Author: Nickeldon

UI/electron.js

@@ -42,6 +42,8 @@ function createWindow(){
   windowObj.on('focus', () => {
     windowObj.setBackgroundColor('#00000000')
   })
+  const [w, h] = windowObj.getSize();
+  windowObj.setSize(w, h);
 }
 
 

UI/handler.js

@@ -34,22 +34,22 @@ function colormode(pref){
         document.getElementById('sub-select1').style.backgroundColor = 'black'
         document.getElementById('sub-select1').style.borderColor = 'white'
         document.getElementById('sel-txt').style.color = 'white';
-        //console.log(document.querySelector('.multiselect-wrapper').style)
-        //document.querySelector('.multiselect-wrapper').classList.add('invert')
-        //document.querySelector('.multiselect-wrapper').style.backgroundColor = 'black'
         try {
           document.querySelector('.multiselect-wrapper ul').style.backgroundColor = 'black';
         document.querySelector('.multiselect-wrapper ul').style.color = 'white';
         document.querySelector('.multiselect-list').style.color = 'white';
         document.querySelector('.multiselect-list').style.backgroundColor = 'black'; 
+        document.querySelector('.multiselect-input-div input').style.backgroundColor = 'black'
+        document.querySelector('.multiselect-input-div input').style.color = 'white'
         } catch (e) {
           console.log(e)
         }
         document.getElementById('top-bar').classList.add('invert');
         document.getElementById('err-path').style.color = 'white'
         document.getElementById('error').style.color = 'white'
         document.getElementById('success').style.color = 'white';
-        document.getElementById("notification").style.backgroundColor = 'black'
+        document.getElementById("notification").style.backgroundColor = 'black';
+        
     } else if(pref === 'light'){
         localStorage.setItem("colormode", "light")
         document.getElementById('filter').style.opacity = '5%'
@@ -74,6 +74,8 @@ function colormode(pref){
           document.querySelector('.multiselect-wrapper ul').style.color = 'black';
           document.querySelector('.multiselect-list').style.color = 'black';
           document.querySelector('.multiselect-list').style.backgroundColor = 'white'; 
+          document.querySelector('.multiselect-input-div input').style.backgroundColor = '#fff'
+        document.querySelector('.multiselect-input-div input').style.color = 'black';
         } catch (e) {
           console.log(e)
         }
@@ -83,12 +85,14 @@ function colormode(pref){
         document.getElementById('err-path').style.color = 'black'
         document.getElementById('error').style.color = 'black'
         document.getElementById('success').style.color = 'black';
-        document.getElementById("notification").style.backgroundColor = 'white'
+        document.getElementById("notification").style.backgroundColor = 'white';
+        document.querySelector('.security-notification input').style.color = 'black'
+        document.querySelector('.security-notification input').style.backgroundColor = 'white'
+        document.querySelector('.security-notification input').style.borderColor = 'black';
     }
 }
 
 function handler(value){  
-   console.log('entered')
     if(!value){
     document.getElementById('sec-notif').style.visibility = 'visible'
     document.getElementById('sec-notif').style.transform = 'scale(1)'
@@ -107,7 +111,6 @@ function handler(value){
       }
     })
     .then(response => {
-      console.log(response)
     switch(response.status){
       case 220: {
       console.log('path was not valid')
@@ -177,6 +180,13 @@ function Multidirres(){
 
       case 201: {
         success()
+        setTimeout(() => {
+          document.querySelector('body').classList.add('blur')
+          setTimeout(() => {
+            window.location.reload()
+          }, 600)
+        }, 500)
+        
       }break;
     }
   })
@@ -194,7 +204,13 @@ function recursivech(choice){
       }
     }).then((res) => {
       if(res.status === 200){
-        success()
+        success();
+        setTimeout(() => {
+          document.querySelector('body').classList.add('blur')
+          setTimeout(() => {
+            window.location.reload()
+          }, 600)
+        }, 500)
       } else{
         error()
       }

UI/index.html

@@ -118,6 +118,7 @@ <h3 style="text-align: center; margin-top: 60px;">
 <style>
 
 .invert { filter: invert(100%); }
+.blur {filter: blur(10px);}
 
 .notification{
     height: 70px;
@@ -132,6 +133,7 @@ <h3 style="text-align: center; margin-top: 60px;">
     bottom: 0;
     right: 0;
     display: block;
+    border-color: transparent;
     transition: all .5s ease-out;
 }