tamakyi/tamabox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
846bb8a3d973372f9ff88d664a9923009947b278
tamabox/static/css/themes/test01.css
T
tamakyi 6c014b3ad2 修 test01：窄屏装饰全藏导致素材消失、主题名显示成 i18n key 
- 生成器：勾「窄屏隐藏全部装饰层」时给橙色警告（几层会消失）、图层行标「窄屏隐藏」、加层与导出结果再提醒；「窄屏」下拉在被全藏覆盖时标注不生效
- 新增 ?narrow=hide 复现该状态（这是「素材在手机上看不到」的头号来源：@media 把 10 槽全写 none，桌面完全正常）
- 主题名：新增 theme.DisplayName + 模板函数 themeName，i18n 未登记 theme.name.<slug> 时回退 slug；原来模板直接调用 i18n.T，缺词条就显示 "theme.name.test01"
- test01.css 删掉 @media 全 none 段：装饰是 fit 单位，浏览器会自己按视口缩，不需要这段
- StaticVersion → 20261020g（主题 css 内容变了，必须换缓存键，否则浏览器还会用旧文件）
2026-10-20 18:23:21 +08:00

172 lines
5.5 KiB
CSS
Raw Blame History

/* test01 —— 由 dev/theme-builder 生成，可直接手改。
装饰层固定 10 个槽位（对应 base.css 的 12 层背景）；
按页面覆盖时也必须写满 10 个，否则图层会与 size/position 错位。 */
html[data-theme-style="test01"] {
--tb-bg: #eef3f9;
--tb-surface: rgba(255,255,255,0.86);
--tb-surface-2: rgba(242, 242, 243, 0.86);
--tb-surface-hover: rgba(237, 242, 249, 0.86);
--tb-navbar: rgba(255,255,255,0.52);
--tb-border: #d6e0ec;
--tb-text: #222d3b;
--tb-text-secondary: rgb(107, 116, 127);
--tb-text-muted: rgb(146, 154, 164);
--tb-primary: #4a7fc1;
--tb-primary-weak: rgba(74, 127, 193, 0.12);
--tb-page-image: none;
--tb-page-pattern: none;
--tb-page-pattern-size: 320px 320px;
--tb-page-position: center center;
--tb-deco: none,
none,
none,
none,
none,
none,
none,
none,
none,
none;
--tb-deco-size: auto, auto, auto, auto, auto, auto, auto, auto, auto, auto;
--tb-deco-position: left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top;
}
html[data-theme="dark"][data-theme-style="test01"] {
--tb-bg: #141a22;
--tb-surface: #1d2530;
--tb-surface-2: rgb(41, 49, 60);
--tb-surface-hover: rgb(37, 50, 66);
--tb-navbar: #141a22;
--tb-border: #334052;
--tb-text: #e3eaf4;
--tb-text-secondary: rgb(152, 159, 168);
--tb-text-muted: rgb(113, 120, 129);
--tb-primary: #6fa3e0;
--tb-primary-weak: rgba(111, 163, 224, 0.12);
--tb-page-image: linear-gradient(180deg, #141a22 0%, #141a22 60%, #0e1319 100%);
--tb-page-pattern: none;
--tb-deco: none, none, none, none, none, none, none, none, none, none;
--tb-deco-size: auto, auto, auto, auto, auto, auto, auto, auto, auto, auto;
--tb-deco-position: left top, left top, left top, left top, left top, left top, left top, left top, left top, left top;
}
/* 箱主页 /_/{domain} */
html[data-theme-style="test01"][data-page-scope="box"] {
--tb-page-image: url("/static/images/themes/test01/20260803152009-33-24.webp");
--tb-page-pattern: none;
--tb-page-pattern-size: 320px 320px;
--tb-page-position: center center;
--tb-deco: none,
none,
none,
none,
none,
none,
none,
none,
none,
none;
--tb-deco-size: auto, auto, auto, auto, auto, auto, auto, auto, auto, auto;
--tb-deco-position: left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top;
}
html[data-theme="dark"][data-theme-style="test01"][data-page-scope="box"] {
--tb-page-image: none;
--tb-page-pattern: none;
--tb-deco: none, none, none, none, none, none, none, none, none, none;
--tb-deco-size: auto, auto, auto, auto, auto, auto, auto, auto, auto, auto;
--tb-deco-position: left top, left top, left top, left top, left top, left top, left top, left top, left top, left top;
}
/* 问题页 /_/{domain}/{id} */
html[data-theme-style="test01"][data-page-scope="question"] {
--tb-page-image: none;
--tb-page-pattern: none;
--tb-page-pattern-size: 320px 320px;
--tb-page-position: center center;
--tb-deco: url("/static/images/themes/test01/yande-re-20537358-205-to.webp"),
none,
none,
none,
none,
none,
none,
none,
none,
none;
--tb-deco-size: auto clamp(min(calc(100vh - 24px), 198px), 40vh, 360px), auto, auto, auto, auto, auto, auto, auto, auto, auto;
--tb-deco-position: calc(50% - 0.67vh) calc(100% - 42.56vh),
left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top;
}
html[data-theme="dark"][data-theme-style="test01"][data-page-scope="question"] {
--tb-page-image: none;
--tb-page-pattern: none;
--tb-deco: none, none, none, none, none, none, none, none, none, none;
--tb-deco-size: auto, auto, auto, auto, auto, auto, auto, auto, auto, auto;
--tb-deco-position: left top, left top, left top, left top, left top, left top, left top, left top, left top, left top;
}
/* 题目列表 /user/questions */
html[data-theme-style="test01"][data-page-scope="admin"] {
--tb-page-image: none;
--tb-page-pattern: none;
--tb-page-pattern-size: 320px 320px;
--tb-page-position: center center;
--tb-deco: url("/static/images/themes/test01/yande-re-20537358-205-to.webp"),
none,
none,
none,
none,
none,
none,
none,
none,
none;
--tb-deco-size: auto clamp(min(calc(100vh - 24px), 198px), 40vh, 360px), auto, auto, auto, auto, auto, auto, auto, auto, auto;
--tb-deco-position: calc(50% + 0px) calc(100% - 4.44vh),
left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top,
left top;
}
html[data-theme="dark"][data-theme-style="test01"][data-page-scope="admin"] {
--tb-page-image: none;
--tb-page-pattern: none;
--tb-deco: none, none, none, none, none, none, none, none, none, none;
--tb-deco-size: auto, auto, auto, auto, auto, auto, auto, auto, auto, auto;
--tb-deco-position: left top, left top, left top, left top, left top, left top, left top, left top, left top, left top;
}
Reference in New Issue View Git Blame Copy Permalink