Force online check at boot; more dark mode fixes

src/app/service/api.service.ts

@@ -57,7 +57,7 @@ export class ApiService {
   }
 
   protected startOfflineObserver() {
-    const passiveCheckTime = 5;
+    const passiveCheckTime = 120;
     const checkTimes = [5, 5, 10, 10, 15, 15, 20, 20, 30, 30, 30, 60, 60, 500];
     let currentCheckTimeIndex = 0;
     let hasNetConnection = true;
@@ -142,6 +142,11 @@ export class ApiService {
     });
 
     startPassiveCheck();
+
+    this.checkOnline().then(server => {
+      hasServerConnection = server;
+      handleNetConnectionEvent();
+    });
   }
 
   public checkOnline(): Promise<boolean> {

src/global.scss

@@ -146,6 +146,10 @@ body.dark {
     background: rgba(35,35,80,0.5);
   }
 
+  .toggle-children {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAABb2lDQ1BpY2MAACiRdZE7SwNBFIW/REWJkSBaiFikiGKhIAoiVhoLmyAhRvDV7K67iZCNy+4GEVvBxkKwEG18Ff4DbQVbBUFQBBELf4GvRmS9YwIR0Vlm78eZOZeZMxBOFQzbq+0Du+i7mfFkfHpmNl7/RCMRmgkzrBmeM5pOp/h3vN8QUvW6V/X6f9+fo3HB9AwINQgPGo7rC48Ip5Z9R/GGcKuR1xaE94V7XDmg8IXS9TI/Ks6V+VWxm82MQVj1jOd+sP6DjbxrC3cLJ+xCyaicR90kahanJqW2y+zAI8M4SeLolFikgE+v1KJk9rev79s3wZJ4DPk7rOCKI0devD2ilqSrKdUS3ZSvwIrK/XeenjXQX+4eTULdQxC8dEL9FnxuBsHHQRB8HkLNPZwVq/4lyWnoTfTNqpbYg9ganJxXNX0bTteh7c7RXO1bqpEZtix4PoamGWi5gshcOavKOke3kF2VJ7qEnV3okv2x+S/c92f6MFQaBwAAAAlwSFlzAAAPYQAAD2EBqD+naQAAAJxJREFUOE+l09sNgCAMBVBQh2H/aVhGkRIuKaTSIib8+DjclupijCmvx21enqDBSCGEY9UFxDHPEDN6sY8AdGhNrIIcgtklqjd5C0RUgnh7ZinpvYZam0ogFpWO1ZJqiaTD46WX57mPtzXRbBqovPNPIqDldDFzq1AbjXForVBpLpXwVaMGqQBgQNIQThOMyXiirnmrPy1BWwA2fAF/+T0bUHyzUAAAAABJRU5ErkJggg==');
+  }
+
   ion-item, ion-title, ion-button {
     color: white !important;
   }
@@ -153,4 +157,9 @@ body.dark {
   ion-input {
     --color: white;
   }
+
+  .compat-toast-container::part(container) {
+    background-color: #313131;
+    border-radius: 4px;
+  }
 }