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:
@@ -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;
|
||||
|
||||
/* 深色下人物整体关掉:浅色立绘在深底上会变成一块块亮斑,抢正文 */
|
||||
|
||||
@@ -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 |
@@ -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 |
Reference in New Issue
Block a user