From e2d36da299a2753b4b25bb0873ab91cd76aac146 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 13 May 2026 22:53:15 +0800
Subject: [PATCH] refactor: invert background poster opacity logic to represent
 transparency percentage

---
 src/App.vue                            | 2 +-
 src/layouts/components/UserProfile.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6281c94e..b8b76ab2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -59,7 +59,7 @@ function getStoredNumber(key: string, fallback: number, min: number, max: number
 function applyTransparentBackgroundSettings() {
   document.documentElement.style.setProperty(
     '--transparent-background-poster-opacity',
-    getStoredNumber('transparency-background-poster-opacity', 1, 0, 1).toString(),
+    (1 - getStoredNumber('transparency-background-poster-opacity', 0, 0, 1)).toString(),
   )
   document.documentElement.style.setProperty(
     '--transparent-background-blur',
diff --git a/src/layouts/components/UserProfile.vue b/src/layouts/components/UserProfile.vue
index a3ee62fa..c1b982c5 100644
--- a/src/layouts/components/UserProfile.vue
+++ b/src/layouts/components/UserProfile.vue
@@ -58,7 +58,7 @@ const customCSS = ref('')
 // 透明度相关
 const transparencyOpacity = ref(parseFloat(localStorage.getItem('transparency-opacity') || '0.3'))
 const transparencyBlur = ref(parseFloat(localStorage.getItem('transparency-blur') || '10'))
-const backgroundPosterOpacity = ref(parseFloat(localStorage.getItem('transparency-background-poster-opacity') || '1'))
+const backgroundPosterOpacity = ref(parseFloat(localStorage.getItem('transparency-background-poster-opacity') || '0'))
 const backgroundBlur = ref(parseFloat(localStorage.getItem('transparency-background-blur') || '16'))
 const transparencyLevel = ref(localStorage.getItem('transparency-level') || 'medium')
 const isTransparentTheme = computed(() => currentThemeName.value === 'transparent')
@@ -401,7 +401,7 @@ function applyTransparencySettings() {
   root.style.setProperty('--transparent-blur', `${transparencyBlur.value}px`)
   root.style.setProperty('--transparent-blur-light', `${transparencyBlur.value * 0.6}px`)
   root.style.setProperty('--transparent-blur-heavy', `${transparencyBlur.value * 1.6}px`)
-  root.style.setProperty('--transparent-background-poster-opacity', backgroundPosterOpacity.value.toString())
+  root.style.setProperty('--transparent-background-poster-opacity', (1 - backgroundPosterOpacity.value).toString())
   root.style.setProperty('--transparent-background-blur', `${backgroundBlur.value}px`)
 
   // 保存到本地存储
@@ -463,7 +463,7 @@ function onBackgroundBlurChange() {
 function resetTransparencySettings() {
   transparencyOpacity.value = 0.3
   transparencyBlur.value = 10
-  backgroundPosterOpacity.value = 1
+  backgroundPosterOpacity.value = 0
   backgroundBlur.value = 16
   transparencyLevel.value = 'medium'
   applyTransparencySettings()