@fxri/toolkit 1.14.4 → 1.14.6

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fxri/toolkit",
3
- "version": "1.14.4",
3
+ "version": "1.14.6",
4
4
  "description": "专为多人 + AI 跨项目协作打造:任务管理 + 多语言 CHANGELOG。",
5
5
  "license": "MIT",
6
6
  "author": {
@@ -1,42 +1,82 @@
1
- /* fxri-docs-theme: v1 */
1
+ /* fxri-docs-theme: 2.0 */
2
2
  /* fxri-docs-theme:brand-start */
3
3
  /* 本站品牌与装饰:唯一允许各站不同的区段,--write 会原样保留 */
4
4
  :root {
5
- --site-accent: #a6a7d7;
6
- --site-glow: rgba(166, 167, 215, 0.22);
7
- --site-shadow: rgba(48, 49, 51, 0.08);
8
- --site-hero-angle: 180deg;
9
-
10
- --vp-c-brand-1: #6262a8;
11
- --vp-c-brand-2: #7a7ac0;
12
- --vp-c-brand-3: #9494d4;
13
- --vp-c-brand-soft: rgba(140, 140, 200, 0.16);
14
- --vp-home-hero-name-color: transparent;
15
- --vp-home-hero-name-background: linear-gradient(120deg, var(--vp-c-brand-1) 30%, var(--vp-c-brand-3));
5
+ --fx-accent: #4f5bd5;
6
+ --fx-accent-strong: #8a92ea;
7
+ --fx-accent-soft: rgba(79, 91, 213, 0.1);
8
+ --fx-shadow: rgba(29, 33, 41, 0.08);
9
+ --fx-hero-angle: 180deg;
16
10
  }
17
11
 
18
12
  .dark {
19
- --vp-c-brand-1: #b3b4ea;
20
- --vp-c-brand-2: #9a9bdc;
21
- --vp-c-brand-3: #7a7ac0;
22
- --vp-c-brand-soft: rgba(179, 180, 234, 0.18);
23
- --site-glow: rgba(179, 180, 234, 0.16);
13
+ --fx-accent: #8f9bff;
14
+ --fx-accent-strong: #b9c1ff;
15
+ --fx-accent-soft: rgba(143, 155, 255, 0.16);
16
+ --fx-shadow: rgba(0, 0, 0, 0.32);
24
17
  }
25
18
  /* fxri-docs-theme:brand-end */
26
19
  /* 以下为公共视觉规则:由 toolkit 统一分发,逐字一致,勿手改 */
27
20
 
28
- /* 首页 hero:柔光渐变与正文行宽 */
29
- .VPHero {
30
- background: linear-gradient(var(--site-hero-angle), var(--site-glow), transparent 70%);
21
+ /* 中性色:画布、表面与文字;亮暗只换值,映射只写一次 */
22
+ :root {
23
+ --fx-bg: #ffffff;
24
+ --fx-bg-alt: #f7f8fa;
25
+ --fx-bg-soft: #f1f3f5;
26
+ --fx-border: #e6e8ec;
27
+ --fx-text-1: #1d2129;
28
+ --fx-text-2: #4e5969;
29
+ --fx-text-3: #86909c;
30
+
31
+ /* 映射到 VitePress 契约层:站点只需改 --fx-* 品牌令牌 */
32
+ --vp-c-bg: var(--fx-bg);
33
+ --vp-c-bg-alt: var(--fx-bg-alt);
34
+ --vp-c-bg-soft: var(--fx-bg-soft);
35
+ --vp-c-bg-elv: var(--fx-bg);
36
+ --vp-c-divider: var(--fx-border);
37
+ --vp-c-text-1: var(--fx-text-1);
38
+ --vp-c-text-2: var(--fx-text-2);
39
+ --vp-c-text-3: var(--fx-text-3);
40
+ --vp-c-brand-1: var(--fx-accent, #4f5bd5);
41
+ --vp-c-brand-2: var(--fx-accent, #4f5bd5);
42
+ --vp-c-brand-3: var(--fx-accent-strong, #8a92ea);
43
+ --vp-c-brand-soft: var(--fx-accent-soft, rgba(79, 91, 213, 0.1));
44
+ --vp-home-hero-name-color: transparent;
45
+ --vp-home-hero-name-background: linear-gradient(
46
+ 120deg,
47
+ var(--fx-accent, #4f5bd5) 30%,
48
+ var(--fx-accent-strong, #8a92ea)
49
+ );
31
50
  }
32
51
 
52
+ .dark {
53
+ --fx-bg: #15171c;
54
+ --fx-bg-alt: #1b1e24;
55
+ --fx-bg-soft: #22262e;
56
+ --fx-border: #2c313a;
57
+ --fx-text-1: #e8eaee;
58
+ --fx-text-2: #b6bdc8;
59
+ --fx-text-3: #858e9b;
60
+ }
61
+
62
+ /* 首页首屏氛围:只铺 hero 区域,内容页保持中性底 */
63
+ .VPHome .VPHero {
64
+ background-image: radial-gradient(
65
+ 60% 70% at 50% 0%,
66
+ var(--fx-accent-soft, rgba(79, 91, 213, 0.1)),
67
+ transparent 70%
68
+ );
69
+ background-repeat: no-repeat;
70
+ }
71
+
72
+ /* 首页 hero:只约束正文行宽 */
33
73
  .VPHero .text {
34
74
  max-width: 720px;
35
75
  }
36
76
 
37
77
  /* 特性卡片:描边 + 悬浮反馈,打在卡片本体而非网格单元,避免各站间距不一致 */
38
78
  .VPFeature {
39
- border: 1px solid var(--vp-c-divider);
79
+ border: 1px solid var(--fx-border);
40
80
  border-radius: 12px;
41
81
  transition:
42
82
  border-color 0.18s ease-out,
@@ -45,19 +85,19 @@
45
85
  }
46
86
 
47
87
  .VPFeature:hover {
48
- border-color: var(--site-accent);
88
+ border-color: var(--fx-accent, #4f5bd5);
49
89
  transform: translateY(-2px);
50
- box-shadow: 0 8px 24px var(--site-shadow);
90
+ box-shadow: 0 8px 24px var(--fx-shadow, rgba(29, 33, 41, 0.08));
51
91
  }
52
92
 
53
93
  .VPFeature .icon {
54
- background: var(--vp-c-brand-soft);
94
+ background: var(--fx-accent-soft, rgba(79, 91, 213, 0.1));
55
95
  border-radius: 8px;
56
96
  }
57
97
 
58
- /* 表格:保留 VitePress 默认横向滚动,只调整表头与留白 */
98
+ /* 表格:中性表头 + 统一留白,保留 VitePress 默认横向滚动 */
59
99
  .vp-doc th {
60
- background: var(--vp-c-brand-soft);
100
+ background: var(--fx-bg-soft);
61
101
  font-weight: 600;
62
102
  }
63
103
 
@@ -66,19 +106,19 @@
66
106
  padding: 8px 14px;
67
107
  }
68
108
 
69
- /* 代码:块圆角与行内代码淡底 */
109
+ /* 代码:块圆角与中性行内代码底色 */
70
110
  .vp-doc div[class*="language-"] {
71
111
  border-radius: 8px;
72
112
  }
73
113
 
74
114
  .vp-doc :not(pre) > code {
75
- background: var(--vp-c-brand-soft);
76
- color: var(--vp-c-brand-1);
115
+ background: var(--fx-bg-soft);
116
+ color: var(--fx-text-1);
77
117
  }
78
118
 
79
119
  /* 侧边栏与导航强调 */
80
120
  .VPSidebarItem.is-active > .item .link .text {
81
- color: var(--vp-c-brand-1);
121
+ color: var(--fx-accent, #4f5bd5);
82
122
  font-weight: 600;
83
123
  }
84
124
 
@@ -88,13 +128,13 @@
88
128
 
89
129
  .VPNavBarMenuLink.active,
90
130
  .VPNavBarMenuLink:hover {
91
- color: var(--vp-c-brand-1);
131
+ color: var(--fx-accent, #4f5bd5);
92
132
  }
93
133
 
94
134
  /* 键盘焦点:可见轮廓,保证可访问性 */
95
135
  .vp-doc a:focus-visible,
96
136
  .VPLink:focus-visible {
97
- outline: 2px solid var(--vp-c-brand-1);
137
+ outline: 2px solid var(--fx-accent, #4f5bd5);
98
138
  outline-offset: 2px;
99
139
  border-radius: 4px;
100
140
  }