From 8c3380e8f5c84884dd6b5275a38de96ab1bb1126 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 2 Jun 2026 23:03:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=96=B0=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E5=AE=9A=E5=88=B6=E5=99=A8=E7=BF=BB=E8=AF=91=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=94=A8=E6=88=B7=E7=95=8C=E9=9D=A2=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ThemeCustomizer.vue | 28 ++++++----------------------
 src/locales/en-US.ts               | 11 +++++++----
 src/locales/zh-CN.ts               |  8 ++++----
 src/locales/zh-TW.ts               |  8 ++++----
 4 files changed, 21 insertions(+), 34 deletions(-)

diff --git a/src/components/ThemeCustomizer.vue b/src/components/ThemeCustomizer.vue
index fa5e6e9c..6dcb7f6e 100644
--- a/src/components/ThemeCustomizer.vue
+++ b/src/components/ThemeCustomizer.vue
@@ -187,8 +187,6 @@ async function handleResetSettings() {
 
         <PerfectScrollbar class="theme-customizer-body" :options="{ wheelPropagation: false }">
           <section class="theme-customizer-section">
-            <span class="theme-customizer-chip">{{ t('theme.customizer.theming') }}</span>
-
             <h3 class="theme-customizer-section-title">{{ t('theme.customizer.primaryColor') }}</h3>
             <div class="theme-customizer-color-grid">
               <div
@@ -236,6 +234,8 @@ async function handleResetSettings() {
               </div>
             </div>
 
+            <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
@@ -277,9 +277,7 @@ async function handleResetSettings() {
           <VDivider v-if="showLayoutSection" />
 
           <section v-if="showLayoutSection" class="theme-customizer-section">
-            <span class="theme-customizer-chip">{{ t('theme.customizer.layout') }}</span>
-
-            <h3 class="theme-customizer-section-title"></h3>
+            <h3 class="theme-customizer-section-title">{{ t('theme.customizer.layout') }}</h3>
             <div class="theme-customizer-preview-grid">
               <div
                 v-for="layout in layoutOptions"
@@ -316,13 +314,13 @@ async function handleResetSettings() {
 .theme-customizer-drawer {
   position: fixed !important;
   z-index: 12000 !important;
+  overflow: hidden;
   block-size: 100dvh !important;
   border-inline-start: 1px solid rgba(var(--v-theme-on-surface), 0.08) !important;
   box-shadow: -2px 0 6px rgba(0, 0, 0, 10%) !important;
   inset-block: 0 !important;
   inset-inline-end: 0 !important;
   max-block-size: 100dvh !important;
-  overflow: hidden;
 
   .v-navigation-drawer__content {
     position: relative;
@@ -379,7 +377,6 @@ html[data-theme='transparent'] .theme-customizer-panel--dialog {
 }
 
 :is(html[data-theme='transparent'], .v-theme--transparent) .theme-customizer-glass-backdrop {
-  -webkit-backdrop-filter: blur(var(--transparent-blur-heavy, 16px));
   backdrop-filter: blur(var(--transparent-blur-heavy, 16px));
   background-color: rgba(var(--v-theme-surface), var(--transparent-opacity-heavy, 0.5));
   opacity: 1;
@@ -453,26 +450,13 @@ html[data-theme='transparent'] .v-overlay__content:has(.theme-customizer-drawer)
 }
 
 .theme-customizer-section {
-  padding-block: 28px;
+  padding-block-end: 28px;
   padding-inline: 32px;
 }
 
-.theme-customizer-chip {
-  display: inline-flex;
-  align-items: center;
-  border-radius: 6px;
-  background: rgba(var(--v-theme-primary), 0.14);
-  color: rgb(var(--v-theme-primary));
-  font-size: 1.25rem;
-  font-weight: 600;
-  line-height: 1.1;
-  padding-block: 6px;
-  padding-inline: 14px;
-}
-
 .theme-customizer-section-title {
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-  font-size: 1rem;
+  font-size: 1.1rem;
   font-weight: 600;
   line-height: 1.25;
   margin-block: 28px 16px;
diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts
index b2a076ce..476a1416 100644
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -165,7 +165,7 @@ export default {
       primaryColor: 'Primary Color',
       usePrimaryColor: 'Use {color} primary color',
       chooseCustomColor: 'Choose custom primary color',
-      skins: 'Skins',
+      skins: 'Framework',
       skinDefault: 'Default',
       skinBordered: 'Bordered',
       semiDarkMenu: 'Semi Dark Menu',
@@ -1694,8 +1694,10 @@ export default {
       encodingDetectionPerformanceModeHint:
         'Prioritize detection efficiency, but may reduce encoding detection accuracy',
       rustAccel: 'Rust Acceleration',
-      rustAccelHint: 'Use the backend Rust extension to accelerate filtering, RSS, indexer parsing, and recognition hot paths',
-      rustAccelUnavailableHint: 'The backend Rust acceleration extension is not installed or loaded, so this cannot be enabled',
+      rustAccelHint:
+        'Use the backend Rust extension to accelerate filtering, RSS, indexer parsing, and recognition hot paths',
+      rustAccelUnavailableHint:
+        'The backend Rust acceleration extension is not installed or loaded, so this cannot be enabled',
       transferThreads: 'File Transfer Threads',
       transferThreadsHint: 'Multi-threaded file transfer can improve speed but may increase system resource usage',
       tokenizedSearch: 'Tokenized Search',
@@ -2607,7 +2609,8 @@ export default {
       mediaIdHint: 'Query media ID by name, leave empty for auto recognition',
       mediaIdPlaceholder: 'Leave empty for auto recognition',
       episodeGroup: 'Episode Group',
-      episodeGroupHint: 'After entering a TMDB ID, episode groups are queried automatically; group IDs can still be entered manually',
+      episodeGroupHint:
+        'After entering a TMDB ID, episode groups are queried automatically; group IDs can still be entered manually',
       episodeGroupPlaceholder: 'Enter TMDB ID first',
       defaultEpisodeGroup: 'No episode group',
       defaultEpisodeGroupHint: 'Use TMDB default season and episode order',
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index 7b0ff1fe..004b92bb 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -162,10 +162,10 @@ export default {
       title: '主题定制',
       subtitle: '实时自定义与预览',
       theming: '主题',
-      primaryColor: '主色',
-      usePrimaryColor: '使用 {color} 主色',
-      chooseCustomColor: '选择自定义主色',
-      skins: '皮肤',
+      primaryColor: '色调',
+      usePrimaryColor: '使用 {color} 色调',
+      chooseCustomColor: '选择自定义色调',
+      skins: '框架',
       skinDefault: '默认',
       skinBordered: '边框',
       semiDarkMenu: '半暗菜单',
diff --git a/src/locales/zh-TW.ts b/src/locales/zh-TW.ts
index 92b494b0..4f386db3 100644
--- a/src/locales/zh-TW.ts
+++ b/src/locales/zh-TW.ts
@@ -162,10 +162,10 @@ export default {
       title: '主題定制',
       subtitle: '即時自定義與預覽',
       theming: '主題',
-      primaryColor: '主色',
-      usePrimaryColor: '使用 {color} 主色',
-      chooseCustomColor: '選擇自定義主色',
-      skins: '皮膚',
+      primaryColor: '色调',
+      usePrimaryColor: '使用 {color} 色調',
+      chooseCustomColor: '選擇自定義色調',
+      skins: '框架',
       skinDefault: '默認',
       skinBordered: '邊框',
       semiDarkMenu: '半暗菜單',