新增 new-sakura 主题:纯 CSS 樱花,每个页面位置不同
樱花不依赖任何图片素材:整朵花、带缺口的花瓣、带枝的花朵树都是内联 SVG 的 data URI,写在主题 CSS 里。好处是零请求、任意缩放不糊、换花色只改一个色值; 代价是 CSS 约 50KB(gzip 约 12KB),走 StaticVersion 缓存。 - 六个页面作用域各一套 --tb-deco 位置(global / box / question / admin / profile / vote),10 槽三组等长;位置一律「关键字 + 偏移」两值写法。 - 窄屏(≤640px)装饰层全关、底纹缩到 200px:卡片占满宽度后枝条会糊在字上。 - 深色换亮一档的粉、关掉底纹(浅粉压在深底上会变噪点)、背景用渐变避免死黑。 - 亮色 primary 从候选 #c14a72(4.39:1)压深到 #b8436a(4.87:1), muted 5.27:1,都踩住 AA;深色对应 8.17:1 / 5.82:1。 - 生成脚本 dev/theme-tools/gen_new_sakura.py(花形、位置表、配色都在里面), CSS 是产物,不手改。 - 四份词典加 theme.name.new-sakura;conf/app.sample.ini 的 available 登记。 为什么不用生成器:生成器的装饰层只认图片素材,没有内联 SVG 图层, 见 docs/theme-new-sakura.md「为什么不用主题生成器出图」。
This commit is contained in:
+1
-1
@@ -273,6 +273,6 @@ daily_message_limit_max = 999
|
||||
; 改选择器与令牌值,再把 <slug> 加进 available —— 不需要改模板。
|
||||
; 需要图片素材的,放 static/images/themes/<slug>/(static/fs.go 已嵌 images/themes 目录)。
|
||||
default = default
|
||||
available = default,sakura,shiroko
|
||||
available = default,sakura,shiroko,new-sakura
|
||||
; ⚠️ 没登记在 available 里的主题,即使 css 已随二进制发布也不会出现在设置页;
|
||||
; 启动日志会打出「[theme] available 未登记以下主题」提醒。,shiroko
|
||||
|
||||
Reference in New Issue
Block a user