From bc1849f0a0cb8bbaf442bcdc65a69880e7c75ad2 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 10 Jul 2025 21:06:54 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E5=85=A8=E5=B1=8F=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@core/scss/libs/vuetify/_overrides.scss | 14 ++++++++++++--
 src/App.vue                                 |  2 +-
 src/styles/custom.scss                      |  9 ++-------
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/@core/scss/libs/vuetify/_overrides.scss b/src/@core/scss/libs/vuetify/_overrides.scss
index 3b19885a..91c6810b 100644
--- a/src/@core/scss/libs/vuetify/_overrides.scss
+++ b/src/@core/scss/libs/vuetify/_overrides.scss
@@ -228,8 +228,13 @@ h6,
 // 👉 Overlay
 .v-overlay__scrim,
 .v-navigation-drawer__scrim {
-  background: rgba(var(--v-overlay-scrim-background), var(--v-overlay-scrim-opacity)) !important;
-  opacity: 1 !important;
+  background: rgba(var(--v-overlay-scrim-background), var(--v-overlay-scrim-opacity));
+  opacity: 1;
+}
+
+// 透明主题下全屏弹窗的overlay背景透明度调整
+html[data-theme="transparent"] .v-dialog--fullscreen .v-overlay__scrim {
+  background: rgba(var(--v-overlay-scrim-background), 0.3);
 }
 
 // 👉 VMessages
@@ -257,6 +262,11 @@ h6,
   background-color: rgb(var(--v-theme-surface));
 }
 
+// 透明主题下全屏弹窗背景透明
+html[data-theme="transparent"] .v-dialog--fullscreen {
+  background-color: transparent !important;
+}
+
 // For dialog card title
 .v-card-item + .v-card-text {
   padding-block-start: 0 !important;
diff --git a/src/App.vue b/src/App.vue
index 983347c0..be0c9ef8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -253,7 +253,7 @@ onUnmounted(() => {
       <div v-if="isLogin && isTransparentTheme" class="global-blur-layer"></div>
     </div>
     <!-- 页面内容 -->
-    <VApp :class="{ 'transparent-app': isTransparentTheme }">
+    <VApp>
       <RouterView />
       <!-- PWA安装提示 -->
       <PWAInstallPrompt />
diff --git a/src/styles/custom.scss b/src/styles/custom.scss
index bd3ebaba..7d3866e3 100644
--- a/src/styles/custom.scss
+++ b/src/styles/custom.scss
@@ -318,9 +318,8 @@ body {
   box-shadow: none !important;
 }
 
-
-// 透明主题特殊样式
-.transparent-app {
+// 透明主题下的弹出窗口样式
+html[data-theme="transparent"] {
   // 先将所有全局组件定义放在前面，避免CSS优先级问题
   .v-application, .v-layout, .v-main, .layout-page-content {
     background: transparent;
@@ -409,10 +408,6 @@ body {
     background-color: rgba(var(--v-theme-surface), 0);
   }
   
-}
-
-// 透明主题下的弹出窗口样式
-html[data-theme="transparent"] {
   .v-overlay__content {
     border-radius: 12px !important;
     backdrop-filter: blur(10px) !important;