From 3b02172ca2dcce3d67be11c6b476fee433a5da22 Mon Sep 17 00:00:00 2001
From: xiangshu233 <xiangshu233@outlook.com>
Date: Mon, 26 Feb 2024 21:22:34 +0800
Subject: [PATCH] chore: :rewind: loading icon follow the appTheme

---
 index.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
index ea56f49..ef6158c 100644
--- a/index.html
+++ b/index.html
@@ -9,9 +9,9 @@
   <body>
     <div id="app">
       <script>
+        const appDesignSetting = window.localStorage.getItem('DESIGN-SETTING')
         ;(() => {
           let htmlRoot = document.getElementById('htmlRoot')
-          const appDesignSetting = window.localStorage.getItem('DESIGN-SETTING')
           let darkMode =
             appDesignSetting && JSON.parse(appDesignSetting).darkMode
           if (htmlRoot && darkMode) {
@@ -21,6 +21,13 @@
             htmlRoot.setAttribute('data-theme', 'light')
           }
         })()
+
+        document.addEventListener('DOMContentLoaded', (event) => {
+          const elements = document.querySelectorAll('.dot-spin i')
+          elements.forEach((element) => {
+            element.style.background = JSON.parse(appDesignSetting).appTheme
+          })
+        })
       </script>
       <style>
         body {
@@ -61,7 +68,7 @@
           height: 14px;
           position: absolute;
           display: block;
-          background-color: #1890ff;
+          /* background-color: #1890ff; */
           border-radius: 100%;
           transform: scale(0.75);
           transform-origin: 50% 50%;
