From a12af3c4dfb46e074a0bc642b8929387a06ea2bc Mon Sep 17 00:00:00 2001 From: nanhaoluo <3075912108@qq.com> Date: Tue, 27 Jan 2026 23:43:55 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BB=8E=E5=90=8E=E5=8F=B0=E8=AE=BE?= =?UTF-8?q?=E7=BD=AE=E8=AF=BB=E5=8F=96=E9=80=8F=E6=98=8E=E5=BA=A6=E5=92=8C?= =?UTF-8?q?=E6=AF=9B=E7=8E=BB=E7=92=83=E6=95=88=E6=9E=9C=E5=8F=82=E6=95=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在 header.php 中读取后台设置的透明度和毛玻璃参数 - 输出 CSS 变量：--bg-opacity、--card-opacity、--card-blur、--card-saturate、--toolbar-blur - 顶栏模糊度自动计算为卡片模糊度的 60% - 移除 style.css 中的硬编码默认值，完全由后台设置控制 - 确保毛玻璃效果（backdrop-filter）正常工作 --- header.php | 53 ++++++++++++++++++++++++++++++++--------------------- style.css | 7 ------- 2 files changed, 32 insertions(+), 28 deletions(-) diff --git a/header.php b/header.php index 8ef4eb3..d2c3953 100644 --- a/header.php +++ b/header.php @@ -726,18 +726,33 @@ $card_opacity = get_option('argon_post_background_opacity', '0.7'); $card_blur = get_option('argon_card_blur', '20'); $card_saturate = get_option('argon_card_saturate', '180'); +$bg_opacity = get_option('argon_page_background_opacity', '1'); + +// 顶栏模糊度为卡片模糊度的 60%（12px / 20px = 0.6） +$toolbar_blur = round($card_blur * 0.6); // 如果透明度为空或为1，使用推荐默认值 if ($card_opacity == '' || $card_opacity == '1') { $card_opacity = '0.7'; } +if ($bg_opacity == '') { + $bg_opacity = '1'; +} ?> @@ -1168,11 +1183,7 @@ if ($card_opacity == '' || $card_opacity == '1') { background-size: cover; background-repeat: no-repeat; - - opacity: ; - - transition: opacity .5s ease; - + opacity: var(--page-background-opacity); } html.darkmode #content:before{ @@ -1217,7 +1228,7 @@ if ($card_opacity == '' || $card_opacity == '1') { html.darkmode #content:after { - opacity: ; + opacity: var(--page-background-opacity); } @@ -1246,9 +1257,9 @@ if ($card_opacity == '' || $card_opacity == '1') { .post-navigation.card, .related-posts.card, .card.bg-white { - background-color: rgba(255, 255, 255, ) !important; - backdrop-filter: blur(px) saturate(%); - -webkit-backdrop-filter: blur(px) saturate(%); + background-color: rgba(255, 255, 255, var(--card-opacity)) !important; + backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate)); + -webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate)); background-clip: padding-box; -webkit-transform: translateZ(0); transform: translateZ(0); @@ -1264,13 +1275,13 @@ if ($card_opacity == '' || $card_opacity == '1') { html.darkmode .post-navigation.card, html.darkmode .related-posts.card, html.darkmode .card.bg-white { - background-color: rgba(66, 66, 66, ) !important; + background-color: rgba(66, 66, 66, var(--card-opacity)) !important; } #leftbar .card, #leftbar_part1, #leftbar_part2 { - backdrop-filter: blur(px) saturate(%); - -webkit-backdrop-filter: blur(px) saturate(%); + backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate)); + -webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate)); } @@ -1298,9 +1309,9 @@ if (apply_filters('argon_page_background_url', get_option('argon_page_background .post-navigation.card, .related-posts.card, .card.bg-white { - background-color: rgba(255, 255, 255, ) !important; - backdrop-filter: blur(px) saturate(%); - -webkit-backdrop-filter: blur(px) saturate(%); + background-color: rgba(255, 255, 255, var(--card-opacity)) !important; + backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate)); + -webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate)); background-clip: padding-box; -webkit-transform: translateZ(0); transform: translateZ(0); @@ -1316,13 +1327,13 @@ if (apply_filters('argon_page_background_url', get_option('argon_page_background html.darkmode .post-navigation.card, html.darkmode .related-posts.card, html.darkmode .card.bg-white { - background-color: rgba(66, 66, 66, ) !important; + background-color: rgba(66, 66, 66, var(--card-opacity)) !important; } #leftbar .card, #leftbar_part1, #leftbar_part2 { - backdrop-filter: blur(px) saturate(%); - -webkit-backdrop-filter: blur(px) saturate(%); + backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate)); + -webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate)); } @@ -1344,9 +1355,9 @@ if (apply_filters('argon_page_background_url', get_option('argon_page_background top: 0; - height: 120px; + height: var(--banner-mask-height); - background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 35%, rgba(0,0,0,0) 100%); + background: linear-gradient(180deg, rgba(0,0,0,var(--banner-mask-opacity-top)) 0%, rgba(0,0,0,var(--banner-mask-opacity-mid)) var(--banner-mask-stop-mid), rgba(0,0,0,0) 100%); display: block; @@ -1356,7 +1367,7 @@ if (apply_filters('argon_page_background_url', get_option('argon_page_background .banner-title { - text-shadow: 0 5px 15px rgba(0, 0, 0, .2); + text-shadow: var(--banner-title-shadow); } diff --git a/style.css b/style.css index a954130..7c564ba 100644 --- a/style.css +++ b/style.css @@ -227,13 +227,6 @@ License URI: https://www.gnu.org/licenses/gpl-3.0.html --state-focus-opacity: 0.12; --state-pressed-opacity: 0.12; --state-dragged-opacity: 0.16; - - /* 透明度与毛玻璃效果控�?*/ - --bg-opacity: 0.90; - --card-opacity: 0.60; - --card-blur: 20px; - --card-saturate: 180%; - --toolbar-blur: 12px; } html.darkmode body {