@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/CHANGELOG.md +17 -0
- package/dist/cli.cjs +70 -70
- package/dist/cli.js +74 -74
- package/package.json +1 -1
- package/templates/docs-theme/custom.css +72 -32
package/package.json
CHANGED
|
@@ -1,42 +1,82 @@
|
|
|
1
|
-
/* fxri-docs-theme:
|
|
1
|
+
/* fxri-docs-theme: 2.0 */
|
|
2
2
|
/* fxri-docs-theme:brand-start */
|
|
3
3
|
/* 本站品牌与装饰:唯一允许各站不同的区段,--write 会原样保留 */
|
|
4
4
|
:root {
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
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
|
-
--
|
|
20
|
-
--
|
|
21
|
-
--
|
|
22
|
-
--
|
|
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
|
-
/*
|
|
29
|
-
|
|
30
|
-
|
|
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(--
|
|
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(--
|
|
88
|
+
border-color: var(--fx-accent, #4f5bd5);
|
|
49
89
|
transform: translateY(-2px);
|
|
50
|
-
box-shadow: 0 8px 24px var(--
|
|
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(--
|
|
94
|
+
background: var(--fx-accent-soft, rgba(79, 91, 213, 0.1));
|
|
55
95
|
border-radius: 8px;
|
|
56
96
|
}
|
|
57
97
|
|
|
58
|
-
/*
|
|
98
|
+
/* 表格:中性表头 + 统一留白,保留 VitePress 默认横向滚动 */
|
|
59
99
|
.vp-doc th {
|
|
60
|
-
background: var(--
|
|
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(--
|
|
76
|
-
color: var(--
|
|
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(--
|
|
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(--
|
|
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(--
|
|
137
|
+
outline: 2px solid var(--fx-accent, #4f5bd5);
|
|
98
138
|
outline-offset: 2px;
|
|
99
139
|
border-radius: 4px;
|
|
100
140
|
}
|