From e52c33c721b162334c2c4ecd63f14324f96c7f0d Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Tue, 29 Nov 2022 11:24:14 +0800
Subject: [PATCH] =?UTF-8?q?style(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E6=9A=97?=
 =?UTF-8?q?=E8=89=B2=E4=B8=BB=E9=A2=98=E4=B8=8B=E4=BB=AA=E8=A1=A8=E6=9D=BF?=
 =?UTF-8?q?=E4=B8=AD=E6=B8=85=E7=A9=BA=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../widget/deWidget/DeResetButton.vue         | 28 ++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/widget/deWidget/DeResetButton.vue b/frontend/src/components/widget/deWidget/DeResetButton.vue
index a6c56e07c0..4ffe210f77 100644
--- a/frontend/src/components/widget/deWidget/DeResetButton.vue
+++ b/frontend/src/components/widget/deWidget/DeResetButton.vue
@@ -6,7 +6,7 @@
     :round="element.options.attrs.round"
     :plain="element.options.attrs.plain"
     :size="size"
-    class="de-search-button"
+    :class="'de-search-button' + (useDarkClass ? ' dark-reset-button' : '')"
     @click="triggerReset"
   >
     {{ element.options.value }}
@@ -15,6 +15,7 @@
 
 <script>
 import bus from '@/utils/bus'
+import { mapState } from 'vuex'
 export default {
 
   props: {
@@ -34,6 +35,21 @@ export default {
       values: null
     }
   },
+  computed: {
+    useDarkClass() {
+      if (this.canvasStyleData.openCommonStyle && this.canvasStyleData.panel.backgroundType === 'color') {
+        const themeColor = this.canvasStyleData.panel.themeColor
+        if (themeColor !== 'light') {
+          return true
+        }
+      }
+      return false
+    },
+    ...mapState([
+      'canvasStyleData'
+    ])
+
+  },
   created() {
   },
   methods: {
@@ -49,4 +65,14 @@ export default {
   height: 100%;
   width: 100%;
 }
+.dark-reset-button {
+  color: #f2f6fc !important;
+  background-color: #21333b !important;
+  border-color: #bbbfc4 !important;
+  border: 1px solid;
+  &:hover {
+    background: #bec2c7 !important;
+    border-color: #bbbfc4 !important;
+  }
+}
 </style>