From a14a508305df4af003fbeb6c9e40589f76c0dfdf Mon Sep 17 00:00:00 2001
From: xuanlid <51027603+xuanlid@users.noreply.github.com>
Date: Tue, 7 Jan 2025 09:43:35 +0800
Subject: [PATCH] fix:Modify panel shadow color (#943)

---
 packages/common/component/PluginSetting.vue | 2 +-
 packages/plugins/i18n/src/Main.vue          | 2 +-
 packages/plugins/schema/src/Main.vue        | 2 +-
 packages/plugins/script/src/Main.vue        | 2 +-
 packages/plugins/state/src/Main.vue         | 1 +
 packages/theme/base/src/base.less           | 1 +
 6 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/common/component/PluginSetting.vue b/packages/common/component/PluginSetting.vue
index e9a1846b4..4491fed5c 100644
--- a/packages/common/component/PluginSetting.vue
+++ b/packages/common/component/PluginSetting.vue
@@ -129,7 +129,7 @@ export default {
   overflow: hidden;
   border-left: 1px solid var(--ti-lowcode-plugin-panel-header-border-bottom-color);
   &:not(.second-panel) {
-    box-shadow: 6px 0px 3px 0px rgba(0, 0, 0, 0.05);
+    box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
     border-right: none;
     border-left: none;
   }
diff --git a/packages/plugins/i18n/src/Main.vue b/packages/plugins/i18n/src/Main.vue
index 3b26c782a..3452ff291 100644
--- a/packages/plugins/i18n/src/Main.vue
+++ b/packages/plugins/i18n/src/Main.vue
@@ -434,7 +434,7 @@ export default {
 
 <style lang="less" scoped>
 .plugin-panel-i18n {
-  box-shadow: 6px 0px 3px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
 }
 .stripe-tiny-grid {
   word-wrap: break-word;
diff --git a/packages/plugins/schema/src/Main.vue b/packages/plugins/schema/src/Main.vue
index 23e179510..d9cde77e1 100644
--- a/packages/plugins/schema/src/Main.vue
+++ b/packages/plugins/schema/src/Main.vue
@@ -175,7 +175,7 @@ export default {
   top: var(--base-top-panel-height);
   left: 41px;
   background: var(--ti-lowcode-common-component-bg);
-  box-shadow: 6px 0px 3px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
   z-index: 1000;
   .source-code-header {
     display: flex;
diff --git a/packages/plugins/script/src/Main.vue b/packages/plugins/script/src/Main.vue
index 656879f9d..12c835648 100644
--- a/packages/plugins/script/src/Main.vue
+++ b/packages/plugins/script/src/Main.vue
@@ -102,7 +102,7 @@ export default {
   width: 50vw;
   height: 100%;
   background: var(--ti-lowcode-plugin-js-bg);
-  box-shadow: 6px 0px 3px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
   position: absolute;
   left: 0;
   top: 0;
diff --git a/packages/plugins/state/src/Main.vue b/packages/plugins/state/src/Main.vue
index 9384d2bb9..94cd4ed34 100644
--- a/packages/plugins/state/src/Main.vue
+++ b/packages/plugins/state/src/Main.vue
@@ -454,6 +454,7 @@ export default {
     height: 100%;
     border-right: 1px solid var(--ti-lowcode-toolbar-border-color);
     background: var(--ti-lowcode-common-component-bg);
+    box-shadow: 6px 0px 3px 0px var(--te-base-box-shadow-rgba-3);
     position: absolute;
     left: var(--base-left-panel-width);
     top: 0;
diff --git a/packages/theme/base/src/base.less b/packages/theme/base/src/base.less
index f2e75fe23..bddb55615 100644
--- a/packages/theme/base/src/base.less
+++ b/packages/theme/base/src/base.less
@@ -239,6 +239,7 @@
 
   --te-base-box-shadow-rgba-1: rgba(25, 25, 25, 0.15);
   --te-base-box-shadow-rgba-2: rgba(0, 0, 0, 0.16);
+  --te-base-box-shadow-rgba-3: rgba(0, 0, 0, 0.1);
 
   /**
   * 1.1 行高