@zmzai/theme 0.8.0 → 0.8.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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/brand/logo/favicon.png +0 -0
  3. package/src/components/markdown/markdown.css +16 -15
  4. package/src/tokens/theme.css +7 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zmzai/theme",
3
- "version": "0.8.0",
3
+ "version": "0.8.3",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "zmzai 全品牌设计系统 — Radix UI + framer-motion + Tailwind v4 + MiSans",
package/src/brand/logo/favicon.png CHANGED
Binary file
package/src/components/markdown/markdown.css CHANGED
@@ -8,8 +8,8 @@
8
8
  .markdown-body ul, .markdown-body ol { margin: 0.6rem 0; padding-left: 1.35rem; }
9
9
  .markdown-body li { margin: 0.25rem 0; }
10
10
  .markdown-body blockquote { margin: 0.7rem 0; padding-left: 0.9rem; border-left: 3px solid var(--color-ink); color: var(--color-muted); }
11
- .markdown-body a { color: var(--color-accent-strong); text-decoration: underline; text-underline-offset: 2px; }
12
- .markdown-body a:hover { color: var(--color-accent); }
11
+ .markdown-body a { color: var(--color-ink); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--color-ink-3); }
12
+ .markdown-body a:hover { text-decoration-color: var(--color-ink); }
13
13
  .markdown-body code { font-family: var(--font-mono); font-size: 0.82em; padding: 0.12em 0.35em; background: var(--color-surface-strong); border: 1px solid var(--color-line); }
14
14
  .markdown-body table { border-collapse: collapse; margin: 0.8rem 0; width: 100%; font-size: 0.85rem; }
15
15
  .markdown-body th, .markdown-body td { border: 1px solid var(--color-line); padding: 0.4rem 0.6rem; text-align: left; }
@@ -19,19 +19,20 @@
19
19
 
20
20
  .md-codeblock { margin: 0.8rem 0; border: 1px solid var(--color-line); border-radius: var(--radius); overflow: hidden; }
21
21
  .md-codeblock-head { display: flex; align-items: center; justify-content: space-between; padding: 0.35rem 0.6rem; border-bottom: 1px solid var(--color-line); background: var(--color-surface-strong); font-family: var(--font-mono); font-size: 0.625rem; letter-spacing: 0.07em; text-transform: uppercase; color: var(--color-muted); }
22
- .md-copy { border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--color-accent-strong); font: inherit; padding: 0; cursor: pointer; }
23
- .md-copy:hover { color: var(--color-accent); }
22
+ .md-copy { border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--color-ink-2); font: inherit; padding: 0; cursor: pointer; }
23
+ .md-copy:hover { color: var(--color-ink); }
24
24
  .md-codeblock pre { max-height: 24rem; margin: 0; overflow: auto; padding: 0.75rem; background: var(--color-ink); color: var(--color-paper); font-family: var(--font-mono); font-size: 0.75rem; line-height: 1.65; }
25
25
  .md-codeblock code { font-family: inherit; }
26
26
 
27
- /* hljs 暖墨主题（深底暖字） */
28
- .md-codeblock .hljs-comment, .md-codeblock .hljs-quote { color: #9a9184; font-style: italic; }
29
- .md-codeblock .hljs-keyword, .md-codeblock .hljs-selector-tag, .md-codeblock .hljs-literal { color: #e08a7a; }
30
- .md-codeblock .hljs-string, .md-codeblock .hljs-attr, .md-codeblock .hljs-template-tag { color: #c9b896; }
31
- .md-codeblock .hljs-number, .md-codeblock .hljs-built_in, .md-codeblock .hljs-symbol { color: #d9a05b; }
32
- .md-codeblock .hljs-title, .md-codeblock .hljs-section, .md-codeblock .hljs-function .hljs-title { color: #f2e9d8; }
33
- .md-codeblock .hljs-type, .md-codeblock .hljs-class .hljs-title { color: #e8c4a8; }
34
- .md-codeblock .hljs-variable, .md-codeblock .hljs-template-variable { color: #f2e9d8; }
35
- .md-codeblock .hljs-params { color: #f2e9d8; }
36
- .md-codeblock .hljs-meta, .md-codeblock .hljs-tag { color: #9a9184; }
37
- .md-codeblock .hljs-name { color: #e08a7a; }
27
+ /* hljs 墨骨主题（深底：绿系 + 琥珀 + 中性，与品牌语义色同族）。
28
+ 曾用暖纸时代的暖墨色（#9a9184/#e08a7a…），v0.8.1 换为墨骨配色。 */
29
+ .md-codeblock .hljs-comment, .md-codeblock .hljs-quote { color: #8B8E96; font-style: italic; }
30
+ .md-codeblock .hljs-keyword, .md-codeblock .hljs-selector-tag, .md-codeblock .hljs-literal { color: #5CCE7A; }
31
+ .md-codeblock .hljs-string, .md-codeblock .hljs-attr, .md-codeblock .hljs-template-tag { color: #9FD68C; }
32
+ .md-codeblock .hljs-number, .md-codeblock .hljs-built_in, .md-codeblock .hljs-symbol { color: #E2B868; }
33
+ .md-codeblock .hljs-title, .md-codeblock .hljs-section, .md-codeblock .hljs-function .hljs-title { color: #E9EAEC; }
34
+ .md-codeblock .hljs-type, .md-codeblock .hljs-class .hljs-title { color: #86CE96; }
35
+ .md-codeblock .hljs-variable, .md-codeblock .hljs-template-variable { color: #E9EAEC; }
36
+ .md-codeblock .hljs-params { color: #E9EAEC; }
37
+ .md-codeblock .hljs-meta, .md-codeblock .hljs-tag { color: #8B8E96; }
38
+ .md-codeblock .hljs-name { color: #5CCE7A; }
package/src/tokens/theme.css CHANGED
@@ -49,12 +49,14 @@
49
49
  --color-accent-readable: var(--color-accent);
50
50
 
51
51
  /* ══════════════════════════════════════════════════════
52
- 3. Brand green — 品牌资产专用
53
- 只给 favicon / logo / 印章 / 极少数品牌位。
54
- 不承担交互语义，不进按钮、不进边框。
52
+ 3. Brand — 品牌资产专用（v0.8.3 起为全墨 Monochrome）
53
+ 品牌色 = 墨黑：favicon 黑底白云、印章墨印。
54
+ 只给品牌资产位，不承担交互语义，不进按钮、不进边框；
55
+ 语义绿（live / success）是功能色，原样保留。
56
+ 沿革：v0.6 荧光绿 → v0.8.1 草本绿 #1D7729 → v0.8.3 全墨。
55
57
  ══════════════════════════════════════════════════════ */
56
- --color-brand: oklch(0.499 0.14 145); /* 5.67:1 */
57
- --color-brand-tint: oklch(0.955 0.035 145);
58
+ --color-brand: oklch(0.21 0.008 265);
59
+ --color-brand-tint: oklch(0.968 0.002 265);
58
60
 
59
61
  /* ══════════════════════════════════════════════════════
60
62
  4. Semantic — 语义色