theme(shiroko): 纹样按三行均布,消除横向条纹

图案元素原先全挤在每个 tile 的上半部(雪花 52 / 光环 62 / 点 150、176),
铺开后在整页形成明显的横向条纹带 —— 这也是"看着怪"的一部分。

- 元素改为 3 行均布(52 / 132 / 152-212),tile 340px 时不再有空白横带;
  实测左栏 60px 带宽均值由 245→237→249(跳变 12)收敛为单调 245→236。
- 图案加 ?v= 版本:图片不走 StaticVersion 的缓存键,否则老访客最多 24h 看到旧纹样。
- StaticVersion → 20261019o
This commit is contained in:
tamakyi
2026-10-19 21:32:48 +08:00
parent bacd1b40e8
commit 59ffcb5096
4 changed files with 26 additions and 20 deletions
+2 -2
View File
@@ -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;
/* 深色下人物整体关掉:浅色立绘在深底上会变成一块块亮斑,抢正文 */