From 305c47c2c8a267e9eb0afab41ea074f4c81a5b52 Mon Sep 17 00:00:00 2001
From: liting <luz.liting@gmail.com>
Date: Mon, 7 Aug 2023 20:13:52 +0800
Subject: [PATCH] feat(style): add --vue-preview-color-loading

---
 src/VuePreview.vue                       | 6 +++++-
 test/vitepress/.vitepress/theme/base.css | 3 +++
 test/vitepress/.vitepress/theme/index.ts | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 test/vitepress/.vitepress/theme/base.css

diff --git a/src/VuePreview.vue b/src/VuePreview.vue
index 4bf5d14..bf45888 100644
--- a/src/VuePreview.vue
+++ b/src/VuePreview.vue
@@ -135,7 +135,7 @@ const isHover = useElementHover(vuePreviewContainerRef)
       </Transition>
       <Transition v-if="previewUpdateFlag === 'UPDATING'" name="fade">
         <div class="vue-preview__loading-model">
-          <Loading />
+          <Loading class="vue-preview__loading-icon" />
         </div>
       </Transition>
     </div>
@@ -222,6 +222,10 @@ const isHover = useElementHover(vuePreviewContainerRef)
     background-color: var(--vue-preview-color-model-bg);
   }
 
+  &__loading-icon {
+    color: var(--vue-preview-color-loading, black);
+  }
+
   :deep(.editor) {
     box-sizing: border-box;
     overflow: hidden;
diff --git a/test/vitepress/.vitepress/theme/base.css b/test/vitepress/.vitepress/theme/base.css
new file mode 100644
index 0000000..dd26b15
--- /dev/null
+++ b/test/vitepress/.vitepress/theme/base.css
@@ -0,0 +1,3 @@
+:root {
+  --vue-preview-color-loading: rgba(0,255,0,0.8);
+}
\ No newline at end of file
diff --git a/test/vitepress/.vitepress/theme/index.ts b/test/vitepress/.vitepress/theme/index.ts
index 9c7f74e..ee22f18 100644
--- a/test/vitepress/.vitepress/theme/index.ts
+++ b/test/vitepress/.vitepress/theme/index.ts
@@ -1,6 +1,7 @@
 import DefaultTheme from 'vitepress/theme'
 import { VuePreview } from '../../../../dist'
 import '../../../../dist/style.css'
+import './base.css'
 
 export default {
   ...DefaultTheme,