feat: page3 铺「黑」背景并统一配色,page1 落日修正为正圆
page3 空白格按 page1「天」的明度铺「黑」,nametag 与「演职员表」四周整格避让 (标题留白缩矮一格后居中,牌子整体上移一格);电线、麻雀、草、消防栓配色并入 熔岩暖色族。page1 去掉太阳上下端帽,行宽按半径 8 的圆逐行取整。 标题非强调部分改用与两页小字一致的 #e6dac6。
This commit is contained in:
1 parent
b0da74bb96
commit
07c2ab1f25
4 files changed
+65
-35
No files matched your search
+11
-8
@@ -1,23 +1,26 @@
|
||||
/* 第 3 页:无「天」背景;只保留电线、麻雀、草与前景标题 */
|
||||
/* 第 3 页:空白格铺淡色「黑」作墙;配色统一靠火山暖色:熔岩族为主,冷色只留电线一处,亮度整体收拢到 50–85% */
|
||||
|
||||
.wire { color: #8794a5; }
|
||||
.sparrow { color: #ff7a3f; }
|
||||
.grass { color: #4fc353; }
|
||||
.hydrant { color: #a93b43; }
|
||||
/* 背景「黑」:与 page1「天」同明度的中性淡色 */
|
||||
.ink { color: rgba(200, 200, 208, 0.15); }
|
||||
|
||||
.wire { color: color-mix(in srgb, #8794a5 65%, #000); }
|
||||
.sparrow { color: color-mix(in srgb, #ff7a3f 85%, #000); }
|
||||
.grass { color: color-mix(in srgb, #7bc14f 72%, #000); }
|
||||
.hydrant { color: color-mix(in srgb, #e0362a 75%, #000); }
|
||||
/* 火山岩 / 熔岩参考色,按明度 50% 处理 */
|
||||
.rock { color: color-mix(in srgb, #d07a38 50%, #000); }
|
||||
.lava-a { color: color-mix(in srgb, #ff8f3f 50%, #000); }
|
||||
.lava-b { color: color-mix(in srgb, #ff5a2a 50%, #000); }
|
||||
|
||||
/* 前景标题:不参与网格,字号与位置自由;
|
||||
top 的 em 相对自身 1.6em 字号,3.125em = 距顶部 5 个背景格 */
|
||||
top 的 em 相对自身 1.6em 字号,2.9375em = 距顶部 4.7 格(居中于留空行 4–6) */
|
||||
.credits {
|
||||
position: absolute;
|
||||
top: 3.125em;
|
||||
top: 2.9375em;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
margin: 0;
|
||||
color: #f2f2f2;
|
||||
color: #f5efe4;
|
||||
font-size: 1.6em;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
|
||||
Reference in new issue
Block a user