From 59ffcb50963db0063d7a5c637e5b46c513565d84 Mon Sep 17 00:00:00 2001 From: tamakyi Date: Mon, 19 Oct 2026 21:32:48 +0800 Subject: [PATCH] =?UTF-8?q?theme(shiroko):=20=E7=BA=B9=E6=A0=B7=E6=8C=89?= =?UTF-8?q?=E4=B8=89=E8=A1=8C=E5=9D=87=E5=B8=83=EF=BC=8C=E6=B6=88=E9=99=A4?= =?UTF-8?q?=E6=A8=AA=E5=90=91=E6=9D=A1=E7=BA=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 图案元素原先全挤在每个 tile 的上半部（雪花 52 / 光环 62 / 点 150、176）， 铺开后在整页形成明显的横向条纹带 —— 这也是"看着怪"的一部分。 - 元素改为 3 行均布（52 / 132 / 152-212），tile 340px 时不再有空白横带； 实测左栏 60px 带宽均值由 245→237→249（跳变 12）收敛为单调 245→236。 - 图案加 ?v= 版本：图片不走 StaticVersion 的缓存键，否则老访客最多 24h 看到旧纹样。 - StaticVersion → 20261019o --- internal/conf/static.go | 2 +- static/css/themes/shiroko.css | 4 ++-- static/images/themes/shiroko/pattern-dark.svg | 18 +++++++++------ static/images/themes/shiroko/pattern.svg | 22 ++++++++++--------- 4 files changed, 26 insertions(+), 20 deletions(-) diff --git a/internal/conf/static.go b/internal/conf/static.go index 70139a6..c8d0b18 100644 --- a/internal/conf/static.go +++ b/internal/conf/static.go @@ -10,7 +10,7 @@ var ( BuildCommit = "dev" // StaticVersion 静态资源缓存版本号：base.css 与主题 css 共用，改样式只改这一处。 - StaticVersion = "20261019n" + StaticVersion = "20261019o" ) // 文本审核通道取值（[security] text_censor_source）。定义在 conf 侧， diff --git a/static/css/themes/shiroko.css b/static/css/themes/shiroko.css index 4c91a59..118421f 100644 --- a/static/css/themes/shiroko.css +++ b/static/css/themes/shiroko.css @@ -25,7 +25,7 @@ html[data-theme-style="shiroko"] { /* 整页底色用极浅的竖向渐变（纯 CSS）：比图片稳，不会有 cover 缩放差异 */ --tb-page-image: linear-gradient(180deg, #f8fbfe 0%, #edf3f9 58%, #e2ecf6 100%); - --tb-page-pattern: url("/static/images/themes/shiroko/pattern.svg"); + --tb-page-pattern: url("/static/images/themes/shiroko/pattern.svg?v=20261019o"); --tb-page-pattern-size: 340px 340px; /* 装饰层：左下角一组两人（盘腿坐 + 挥手），都贴住左边缘与页面下沿。 @@ -60,7 +60,7 @@ html[data-theme="dark"][data-theme-style="shiroko"] { --tb-shadow-hover: 0 1px 2px rgba(0, 0, 0, 0.40), 0 18px 40px -20px rgba(0, 0, 0, 0.68); --tb-page-image: linear-gradient(180deg, #161d26 0%, #141a22 60%, #11161d 100%); - --tb-page-pattern: url("/static/images/themes/shiroko/pattern-dark.svg"); + --tb-page-pattern: url("/static/images/themes/shiroko/pattern-dark.svg?v=20261019o"); --tb-page-pattern-size: 340px 340px; /* 深色下人物整体关掉：浅色立绘在深底上会变成一块块亮斑，抢正文 */ diff --git a/static/images/themes/shiroko/pattern-dark.svg b/static/images/themes/shiroko/pattern-dark.svg index 5aec0aa..031cc47 100644 --- a/static/images/themes/shiroko/pattern-dark.svg +++ b/static/images/themes/shiroko/pattern-dark.svg @@ -1,11 +1,15 @@ - - - - + + + + - - - + + + + + + + diff --git a/static/images/themes/shiroko/pattern.svg b/static/images/themes/shiroko/pattern.svg index 4a3f412..dea4fec 100644 --- a/static/images/themes/shiroko/pattern.svg +++ b/static/images/themes/shiroko/pattern.svg @@ -1,14 +1,16 @@ - - - - - + + + + + - - - - - + + + + + + +