From a88d61f4ab8efeda80e7f653737f1b8abc19b310 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Wed, 15 Nov 2023 16:29:55 +1100
Subject: [PATCH] Update Loading.js styles

---
 src/seqta/ui/Loading.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/seqta/ui/Loading.js b/src/seqta/ui/Loading.js
index 07dc28b5..37b80ab0 100644
--- a/src/seqta/ui/Loading.js
+++ b/src/seqta/ui/Loading.js
@@ -20,7 +20,7 @@ export function AppendLoadingSymbol(givenID, position) {
 export default function loading() {
   let loadinghtml = stringToHTML(
     String.raw`
-    <div class="bkloading" id="loading" style="background-color: var(--background-secondary); color: var(--text-primary); width: 100%;overflow: hidden;opacity: 1;transition: 1s;height: 100%;top: 0;position: absolute;left: 0;z-index: 10000;">
+    <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;top: 0;position: absolute;left: 0;z-index: 1000000;">
     <style>
       .svg {
         transform-origin: center;