fix occassional light flash when loading seqta

src/SEQTA.ts

@@ -716,15 +716,15 @@ function main(storedSetting: SettingsState) {
     if (DarkMode) {
       document.documentElement.classList.add('dark');
     }
-
-    InjectStyles();
-    InjectCustomIcons();
-    loading();
+    
     updateAllColors(storedSetting);
+    InjectStyles();
+    loading();
+    InjectCustomIcons();
     HideMenuItems();
     CheckLoadOnPeriods();
     tryLoad();
-
+    
     window.addEventListener('load', tryLoad);
   } else {
     handleDisabled()
@@ -870,7 +870,6 @@ function addExtensionSettings() {
 
 function saveNewOrder(sortable: any) {
   var order = sortable.toArray();
-  console.log("Order: ", order);
   browser.storage.local.set({ menuorder: order });
 }
 

src/seqta/ui/Loading.ts

@@ -20,8 +20,28 @@ export function AppendLoadingSymbol(givenID: any, position: any) {
 export default function loading() {
   let loadinghtml = stringToHTML(
     String.raw`
-    <div class="bkloading" id="loading" style="background-color: var(--theme-secondary, var(--background-secondary)); color: var(--text-primary); width: 100%;overflow: hidden;opacity: 1;transition: 1s;height: 100%;transition: color 1ms linear, opacity 1s ease-in-out;top: 0;position: absolute;left: 0;z-index: 1000000;">
+    <div class="bkloading" id="loading">
     <style>
+      .bkloading {
+        transition: color 1ms linear, opacity 1s ease-in-out;
+        background-color: rgb(229, 231, 235);
+        color: black;
+        width: 100%;
+        overflow: hidden;
+        opacity: 1;
+        transition: 1s;
+        height: 100%;
+        z-index: 1000000;
+        position: absolute;
+        left: 0;
+        top: 0;
+      }
+
+      .dark .bkloading {
+        background-color: rgb(26, 26, 26);
+        color: white;
+      }
+
       .svg {
         transform-origin: center;
         position: absolute;