@zmzai/theme 0.9.1 → 0.9.3
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 -1
package/package.json
CHANGED
|
Binary file
|
package/src/tokens/theme.css
CHANGED
|
@@ -20,6 +20,8 @@
|
|
|
20
20
|
* v0.8.3 品牌色全墨 Monochrome
|
|
21
21
|
* v0.9.0 暖纸底 + Serif display——去单调
|
|
22
22
|
* v0.9.1 印色路标撤回，命名定全词（现行）
|
|
23
|
+
* v0.9.2 品红点睛色阶（墨底荧光）——spot 四层 + ink，仅深色载体
|
|
24
|
+
* v0.9.3 底色纯白化——暖纸退役，卡片层次交给 surface 灰阶与边框
|
|
23
25
|
*/
|
|
24
26
|
|
|
25
27
|
@theme {
|
|
@@ -29,7 +31,7 @@
|
|
|
29
31
|
v0.6 的 ink(30°) / ink-2(55°) / line(88°) / surface(90°) 四个色相
|
|
30
32
|
混用，是"说不出哪里怪"的根源。
|
|
31
33
|
══════════════════════════════════════════════════════ */
|
|
32
|
-
--color-bg: oklch(0
|
|
34
|
+
--color-bg: oklch(1 0 0); /* 页面底，纯白（v0.9.3 用户定案去暖纸黄；层次靠 surface 灰阶与边框） */
|
|
33
35
|
--color-surface: oklch(0.985 0.001 265); /* 卡片 / 面板 */
|
|
34
36
|
--color-surface-2: oklch(0.968 0.002 265); /* 嵌套 / 表头 */
|
|
35
37
|
--color-surface-3: oklch(0.94 0.003 265); /* hover / 按下 */
|
|
@@ -76,6 +78,22 @@
|
|
|
76
78
|
--color-danger: oklch(0.499 0.18 25); /* 错误 · 6.62:1 */
|
|
77
79
|
--color-danger-tint: oklch(0.955 0.03 25);
|
|
78
80
|
|
|
81
|
+
/* ══════════════════════════════════════════════════════
|
|
82
|
+
4.5 Spot — 品红点睛色阶（v0.9.2，墨底荧光）
|
|
83
|
+
单色相 H=350 四层。只在深色载体（ink #16181C / scorch #0E0F12）上
|
|
84
|
+
使用：暖纸底上主色仅 3.12:1、满彩 3.48:1，均不达标。
|
|
85
|
+
实底上的文字一律用 --color-spot-ink（= ink 墨黑）——
|
|
86
|
+
白字在满彩上只有 3.61:1、在主色上 2.06:1，全部不可读。
|
|
87
|
+
分工纪律：spot 讲"行动/事件"，语义色讲"好坏"，两者不得同框；
|
|
88
|
+
--color-spot-strong 每屏最多一次（favicon / 唯一主 CTA / 单个图标）。
|
|
89
|
+
沿革：候选评估见 zmzai-spot-magenta-demo.html（OKLab ΔE 0.229，安全）。
|
|
90
|
+
══════════════════════════════════════════════════════ */
|
|
91
|
+
--color-spot-strong: oklch(0.659 0.275 350); /* #FF00A8 满彩点睛 · 墨底 4.92:1 · 仅图形与大字，小字勿用 */
|
|
92
|
+
--color-spot: oklch(0.700 0.260 350); /* #FF42BB 主色 · 墨底 5.71:1 · 正文/按钮/图表主线 */
|
|
93
|
+
--color-spot-soft: oklch(0.780 0.150 350); /* #FE8DC5 淡 · 墨底 8.32:1 · 边框/辅助线/次要文字 */
|
|
94
|
+
--color-spot-deep: oklch(0.560 0.200 350); /* #C32E85 深 · 墨底 3.43:1 · 色块底/对比线，禁承载文字 */
|
|
95
|
+
--color-spot-ink: var(--color-ink); /* spot 实底上的文字色，恒为墨黑 */
|
|
96
|
+
|
|
79
97
|
/* ══════════════════════════════════════════════════════
|
|
80
98
|
5. Dark surface — 仅代码块 / preview，不是全局 dark mode
|
|
81
99
|
══════════════════════════════════════════════════════ */
|