@zmzai/theme 0.9.0 → 0.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/brand/logo/favicon.png +0 -0
- package/src/tokens/theme.css +19 -2
package/package.json
CHANGED
|
Binary file
|
package/src/tokens/theme.css
CHANGED
|
@@ -18,7 +18,9 @@
|
|
|
18
18
|
* v0.6.x 纯白 + 荧光绿（accent 一色包打天下，装饰过载 → 观感 demo）
|
|
19
19
|
* v0.8.x 纯白 + 墨黑结构 + 绿色语义
|
|
20
20
|
* v0.8.3 品牌色全墨 Monochrome
|
|
21
|
-
* v0.9.0 暖纸底 +
|
|
21
|
+
* v0.9.0 暖纸底 + Serif display——去单调
|
|
22
|
+
* v0.9.1 印色路标撤回，命名定全词（现行）
|
|
23
|
+
* v0.9.2 品红点睛色阶（墨底荧光）——spot 四层 + ink，仅深色载体
|
|
22
24
|
*/
|
|
23
25
|
|
|
24
26
|
@theme {
|
|
@@ -57,7 +59,6 @@
|
|
|
57
59
|
语义绿（live / success）是功能色，原样保留。
|
|
58
60
|
沿革：v0.6 荧光绿 → v0.8.1 草本绿 #1D7729 → v0.8.3 全墨。
|
|
59
61
|
══════════════════════════════════════════════════════ */
|
|
60
|
-
--color-seal: oklch(0.52 0.15 30); /* 印色 #B0432B · 只做路标（eyebrow/序号/激活指示/印章），≤1%，永不进按钮/链接/状态 */
|
|
61
62
|
--color-brand: oklch(0.21 0.008 265);
|
|
62
63
|
--color-brand-tint: oklch(0.968 0.002 265);
|
|
63
64
|
|
|
@@ -76,6 +77,22 @@
|
|
|
76
77
|
--color-danger: oklch(0.499 0.18 25); /* 错误 · 6.62:1 */
|
|
77
78
|
--color-danger-tint: oklch(0.955 0.03 25);
|
|
78
79
|
|
|
80
|
+
/* ══════════════════════════════════════════════════════
|
|
81
|
+
4.5 Spot — 品红点睛色阶（v0.9.2，墨底荧光）
|
|
82
|
+
单色相 H=350 四层。只在深色载体（ink #16181C / scorch #0E0F12）上
|
|
83
|
+
使用：暖纸底上主色仅 3.12:1、满彩 3.48:1，均不达标。
|
|
84
|
+
实底上的文字一律用 --color-spot-ink（= ink 墨黑）——
|
|
85
|
+
白字在满彩上只有 3.61:1、在主色上 2.06:1，全部不可读。
|
|
86
|
+
分工纪律：spot 讲"行动/事件"，语义色讲"好坏"，两者不得同框；
|
|
87
|
+
--color-spot-strong 每屏最多一次（favicon / 唯一主 CTA / 单个图标）。
|
|
88
|
+
沿革：候选评估见 zmzai-spot-magenta-demo.html（OKLab ΔE 0.229，安全）。
|
|
89
|
+
══════════════════════════════════════════════════════ */
|
|
90
|
+
--color-spot-strong: oklch(0.659 0.275 350); /* #FF00A8 满彩点睛 · 墨底 4.92:1 · 仅图形与大字，小字勿用 */
|
|
91
|
+
--color-spot: oklch(0.700 0.260 350); /* #FF42BB 主色 · 墨底 5.71:1 · 正文/按钮/图表主线 */
|
|
92
|
+
--color-spot-soft: oklch(0.780 0.150 350); /* #FE8DC5 淡 · 墨底 8.32:1 · 边框/辅助线/次要文字 */
|
|
93
|
+
--color-spot-deep: oklch(0.560 0.200 350); /* #C32E85 深 · 墨底 3.43:1 · 色块底/对比线，禁承载文字 */
|
|
94
|
+
--color-spot-ink: var(--color-ink); /* spot 实底上的文字色，恒为墨黑 */
|
|
95
|
+
|
|
79
96
|
/* ══════════════════════════════════════════════════════
|
|
80
97
|
5. Dark surface — 仅代码块 / preview，不是全局 dark mode
|
|
81
98
|
══════════════════════════════════════════════════════ */
|