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
+1 -1
View File
@@ -10,7 +10,7 @@ var (
BuildCommit = "dev"
// StaticVersion 静态资源缓存版本号:base.css 与主题 css 共用,改样式只改这一处。
StaticVersion = "20261019n"
StaticVersion = "20261019o"
)
// 文本审核通道取值([security] text_censor_source)。定义在 conf 侧,
+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;
/* 深色下人物整体关掉:浅色立绘在深底上会变成一块块亮斑,抢正文 */
+11 -7
View File
@@ -1,11 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
<g fill="none" stroke="#8FB4DE" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" opacity="0.11">
<g transform="translate(52 56)">
<path d="M0 -19V19M-16.5 -9.5L16.5 9.5M-16.5 9.5L16.5 -9.5"/>
<path d="M0 -19l-4.2 4.2M0 -19l4.2 4.2M0 19l-4.2-4.2M0 19l4.2-4.2"/>
<g fill="none" stroke="#8FB4DE" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.09">
<g transform="translate(48 52)">
<path d="M0 -18V18M-15.6 -9L15.6 9M-15.6 9L15.6 -9"/>
<path d="M0 -18l-4 4M0 -18l4 4M0 18l-4-4M0 18l4-4"/>
</g>
<ellipse cx="178" cy="62" rx="19" ry="6.8"/>
<circle cx="124" cy="150" r="1.6"/>
<circle cx="196" cy="176" r="1.3"/>
<circle cx="152" cy="64" r="1.6"/>
<ellipse cx="198" cy="132" rx="18" ry="6.4"/>
<g transform="translate(88 152) scale(0.62)">
<path d="M0 -18V18M-15.6 -9L15.6 9M-15.6 9L15.6 -9"/>
</g>
<circle cx="42" cy="212" r="1.4"/>
<circle cx="164" cy="204" r="1.7"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 536 B

After

Width:  |  Height:  |  Size: 670 B

+12 -10
View File
@@ -1,14 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
<g fill="none" stroke="#6F90BC" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" opacity="0.16">
<!-- 雪花 -->
<g transform="translate(52 56)">
<path d="M0 -19V19M-16.5 -9.5L16.5 9.5M-16.5 9.5L16.5 -9.5"/>
<path d="M0 -19l-4.2 4.2M0 -19l4.2 4.2M0 19l-4.2-4.2M0 19l4.2-4.2"/>
<!-- 元素按 3 行均布:集中在某一侧时,铺开后会出现横向条纹带 -->
<g fill="none" stroke="#6F90BC" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.13">
<g transform="translate(48 52)">
<path d="M0 -18V18M-15.6 -9L15.6 9M-15.6 9L15.6 -9"/>
<path d="M0 -18l-4 4M0 -18l4 4M0 18l-4-4M0 18l4-4"/>
</g>
<!-- 光环 -->
<ellipse cx="178" cy="62" rx="19" ry="6.8"/>
<!-- 两点碎屑:只保留极少元素,避免整页像涂鸦 -->
<circle cx="124" cy="150" r="1.6"/>
<circle cx="196" cy="176" r="1.3"/>
<circle cx="152" cy="64" r="1.6"/>
<ellipse cx="198" cy="132" rx="18" ry="6.4"/>
<g transform="translate(88 152) scale(0.62)">
<path d="M0 -18V18M-15.6 -9L15.6 9M-15.6 9L15.6 -9"/>
</g>
<circle cx="42" cy="212" r="1.4"/>
<circle cx="164" cy="204" r="1.7"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 650 B

After

Width:  |  Height:  |  Size: 763 B