theme(shiroko): 补四层空气层——窗光/暖散景/地面光斑/底部压深
场景压白 38% 后整页亮度只剩 235~246,直接摆物体会突兀,改用纯渐变造光: - 左窗光柱 linear-gradient(112deg) - 右侧一朵 120px 暖散景,给右侧空白一点体积 - 人物脚下 560x170 地面光斑,把人物钉在地上 - 底部 24% 轻压深,页面下沿不飘 实测亮度差 3~9 级(肉眼可辨但不刺眼),横向扫描相邻像素差 max 4,无色阶断层。 纯白散景压在压白场景上不可见(diff 0.14),提亮必须先有暗部。 静态版本 20261020a
This commit is contained in:
@@ -35,16 +35,21 @@ html[data-theme-style="shiroko"] {
|
||||
|
||||
/* 人物:侧后方视角、双手背在身后望向箱内(不是正面盯着访客),
|
||||
站在场景左侧地面,离底边 36px,配一层椭圆接触阴影,避免悬空。
|
||||
图已压白 12%,与压白 38% 的场景同一"雾度",避免变成高对比贴纸。 */
|
||||
图已压白 12%,与压白 38% 的场景同一"雾度",避免变成高对比贴纸。
|
||||
|
||||
其余 4 个槽位是"空气"(全部是渐变,不占体积、不会成为贴纸):
|
||||
3 左窗光柱 / 4 右侧一朵暖散景 / 5 人物脚下的地面光斑 / 6 底部轻压深。
|
||||
光斑把人物"钉"在地上,压深让页面下沿不飘。 */
|
||||
--tb-deco: url("/static/images/themes/shiroko/chibi/window.webp?v=20261019r"),
|
||||
radial-gradient(ellipse at center, rgba(63, 96, 138, 0.18) 0%, rgba(63, 96, 138, 0) 72%),
|
||||
none,
|
||||
none,
|
||||
none,
|
||||
none;
|
||||
--tb-deco-size: auto 400px, 96px 13px, auto, auto, auto, auto;
|
||||
linear-gradient(112deg, rgba(255, 250, 236, 0.50) 0%, rgba(255, 250, 236, 0.22) 20%, rgba(255, 250, 236, 0) 44%),
|
||||
radial-gradient(circle 120px at 88% 30%, rgba(255, 252, 240, 0.42), rgba(255, 252, 240, 0) 75%),
|
||||
radial-gradient(ellipse 560px 170px at 28% 94%, rgba(255, 248, 228, 0.80) 0%, rgba(255, 248, 228, 0) 72%),
|
||||
linear-gradient(0deg, rgba(110, 128, 156, 0.10) 0%, rgba(110, 128, 156, 0) 24%);
|
||||
--tb-deco-size: auto 400px, 96px 13px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
|
||||
--tb-deco-position: left max(10px, calc(50% - 524px)) bottom 36px,
|
||||
left max(22px, calc(50% - 512px)) bottom 29px, left top, left top, left top, left top;
|
||||
left max(22px, calc(50% - 512px)) bottom 29px,
|
||||
left top, left top, left top, left top;
|
||||
}
|
||||
|
||||
html[data-theme="dark"][data-theme-style="shiroko"] {
|
||||
|
||||
Reference in New Issue
Block a user