From b66bc353b3bb78b13c48e03add212601f9e65ab0 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 22 Jul 2026 15:07:09 +0800
Subject: [PATCH] fix: hide unsupported glass theme controls

---
 src/components/theme/ThemeCustomizer.vue | 55 +++++++++++++-----------
 1 file changed, 30 insertions(+), 25 deletions(-)

diff --git a/src/components/theme/ThemeCustomizer.vue b/src/components/theme/ThemeCustomizer.vue
index 24b09773..4367b00c 100644
--- a/src/components/theme/ThemeCustomizer.vue
+++ b/src/components/theme/ThemeCustomizer.vue
@@ -128,6 +128,9 @@ const layoutOptions = computed<Array<{ icon: string; title: string; value: Theme
 
 const showLayoutSection = computed(() => !appMode.value)
 
+// 玻璃表面依赖固定的高光描边维持轮廓，不提供与材质冲突的通用皮肤切换。
+const showSkinSection = computed(() => globalTheme.name.value !== 'glass')
+
 // 玻璃主题使用成套的外阴影与内高光，不提供不完整的 Vuetify elevation 调整。
 const showShadowSection = computed(() => globalTheme.name.value !== 'glass')
 
@@ -275,34 +278,36 @@ async function handleResetSettings() {
             </div>
           </div>
 
-          <VDivider class="mt-7" />
+          <template v-if="showSkinSection">
+            <VDivider class="mt-7" />
 
-          <h3 class="theme-customizer-section-title">{{ t('theme.customizer.skins') }}</h3>
-          <div class="theme-customizer-preview-grid theme-customizer-preview-grid--skins">
-            <div
-              v-for="skin in skinOptions"
-              :key="skin.value"
-              class="theme-customizer-preview-option"
-              :class="{ 'is-active': settings.skin === skin.value }"
-              @click="setSkin(skin.value)"
-            >
-              <span class="theme-customizer-border-scene" :class="`theme-customizer-border-scene--${skin.value}`">
-                <span class="theme-customizer-border-scene__card">
-                  <i />
-                  <i />
+            <h3 class="theme-customizer-section-title">{{ t('theme.customizer.skins') }}</h3>
+            <div class="theme-customizer-preview-grid theme-customizer-preview-grid--skins">
+              <div
+                v-for="skin in skinOptions"
+                :key="skin.value"
+                class="theme-customizer-preview-option"
+                :class="{ 'is-active': settings.skin === skin.value }"
+                @click="setSkin(skin.value)"
+              >
+                <span class="theme-customizer-border-scene" :class="`theme-customizer-border-scene--${skin.value}`">
+                  <span class="theme-customizer-border-scene__card">
+                    <i />
+                    <i />
+                  </span>
+                  <span class="theme-customizer-border-scene__dialog">
+                    <i />
+                  </span>
+                  <span class="theme-customizer-border-scene__menu">
+                    <i />
+                    <i />
+                    <i />
+                  </span>
                 </span>
-                <span class="theme-customizer-border-scene__dialog">
-                  <i />
-                </span>
-                <span class="theme-customizer-border-scene__menu">
-                  <i />
-                  <i />
-                  <i />
-                </span>
-              </span>
-              <span>{{ skin.title }}</span>
+                <span>{{ skin.title }}</span>
+              </div>
             </div>
-          </div>
+          </template>
 
           <VDivider class="mt-7" />