@lemonppt/themes 1.0.1 → 1.0.4

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 (15) hide show
  1. package/dist/index.d.ts +54 -42
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js +3 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/theme01/tokens.d.ts +55 -44
  6. package/dist/theme01/tokens.d.ts.map +1 -1
  7. package/dist/theme01/tokens.js +57 -46
  8. package/dist/theme01/tokens.js.map +1 -1
  9. package/dist/theme11/tokens.d.ts +93 -0
  10. package/dist/theme11/tokens.d.ts.map +1 -0
  11. package/dist/theme11/tokens.js +208 -0
  12. package/dist/theme11/tokens.js.map +1 -0
  13. package/package.json +2 -2
  14. package/src/theme01/styles.css +4326 -1693
  15. package/src/theme11/styles.css +6907 -0
package/dist/index.d.ts CHANGED
@@ -1,64 +1,75 @@
1
1
  export declare const themes: readonly [{
2
2
  readonly id: "theme01";
3
3
  readonly displayName: "Theme 01";
4
- readonly description: "轻拟态玻璃质感，柔和弥散渐变背景";
4
+ readonly description: "活力波普，轻盈信息图式布局，明亮强调色与色块拼贴，无大卡片容器";
5
5
  readonly colors: {
6
- readonly ink: "#2a2a30";
7
- readonly ink2: "#56565c";
8
- readonly ink3: "#9a9ba4";
9
- readonly textInverse: "#ffffff";
10
- readonly red: "#e15b4d";
11
- readonly blue: "#5b9bd5";
12
- readonly green: "#4caf8a";
13
- readonly amber: "#e0a844";
14
- readonly violet: "#7b6ad4";
15
- readonly cyan: "#48a8c8";
16
- readonly pink: "#d86aa3";
17
- readonly series: readonly ["#5b9bd5", "#4caf8a", "#e0a844", "#e15b4d", "#7b6ad4", "#48a8c8", "#d86aa3"];
18
- readonly background: "#f4f6f9";
19
- readonly surface: "rgba(255, 255, 255, 0.55)";
20
- readonly surfaceStrong: "rgba(255, 255, 255, 0.72)";
21
- readonly surfaceSolid: "#ffffff";
22
- readonly border: "rgba(255, 255, 255, 0.72)";
23
- readonly shadow: "0 24px 60px rgba(70, 72, 100, 0.13)";
24
- readonly shadowSmall: "0 8px 24px rgba(70, 72, 100, 0.1)";
25
- readonly glowA: "rgba(91, 155, 213, 0.22)";
26
- readonly glowB: "rgba(224, 168, 68, 0.18)";
27
- readonly glowC: "rgba(123, 106, 212, 0.16)";
6
+ readonly ink: "#1F2937";
7
+ readonly ink2: "#6B7280";
8
+ readonly ink3: "#9CA3AF";
9
+ readonly textInverse: "#FFFFFF";
10
+ readonly accent: "#EF4444";
11
+ readonly accent2: "#FBBF24";
12
+ readonly accent3: "#14B8A6";
13
+ readonly red: "#EF4444";
14
+ readonly blue: "#3B82F6";
15
+ readonly green: "#14B8A6";
16
+ readonly amber: "#FBBF24";
17
+ readonly violet: "#8B5CF6";
18
+ readonly cyan: "#06B6D4";
19
+ readonly pink: "#F472B6";
20
+ readonly orange: "#FB923C";
21
+ readonly lime: "#A3E635";
22
+ readonly series: readonly ["#EF4444", "#FBBF24", "#14B8A6", "#3B82F6", "#8B5CF6", "#06B6D4", "#F472B6", "#FB923C"];
23
+ readonly background: "#FFFFFF";
24
+ readonly backgroundAlt: "#F3F4F6";
25
+ readonly backgroundGradientStart: "#FFFFFF";
26
+ readonly backgroundGradientEnd: "#FEF3C7";
27
+ readonly surface: "#FFFFFF";
28
+ readonly surfaceStrong: "#F3F4F6";
29
+ readonly surfaceSolid: "#FFFFFF";
30
+ readonly surfaceElevated: "#FFFFFF";
31
+ readonly border: "rgba(31, 41, 55, 0.12)";
32
+ readonly borderStrong: "rgba(31, 41, 55, 0.20)";
33
+ readonly shadow: "0 12px 32px rgba(31, 41, 55, 0.08)";
34
+ readonly shadowSmall: "0 4px 12px rgba(31, 41, 55, 0.06)";
35
+ readonly shadowMedium: "0 8px 24px rgba(31, 41, 55, 0.07)";
36
+ readonly shadowLarge: "0 16px 40px rgba(31, 41, 55, 0.09)";
37
+ readonly glowA: "rgba(239, 68, 68, 0.12)";
38
+ readonly glowB: "rgba(251, 191, 36, 0.12)";
39
+ readonly glowC: "rgba(20, 184, 166, 0.12)";
28
40
  };
29
41
  readonly fonts: {
30
- readonly heading: "\"Noto Sans SC\", \"PingFang SC\", system-ui, sans-serif";
42
+ readonly heading: "\"Nunito\", \"Noto Sans SC\", \"PingFang SC\", system-ui, sans-serif";
31
43
  readonly body: "\"Noto Sans SC\", \"PingFang SC\", system-ui, sans-serif";
32
44
  readonly mono: "\"Space Mono\", \"JetBrains Mono\", ui-monospace, monospace";
33
- readonly en: "\"Space Mono\", ui-monospace, monospace";
45
+ readonly en: "\"Nunito\", \"Noto Sans SC\", system-ui, sans-serif";
34
46
  };
35
47
  readonly spacing: {
36
48
  readonly pagePadding: "108px";
37
- readonly sectionGap: "40px";
38
- readonly elementGap: "16px";
49
+ readonly sectionGap: "48px";
50
+ readonly elementGap: "20px";
39
51
  readonly padTop: "92px";
40
52
  readonly padBottom: "84px";
41
- readonly cardPaddingLarge: "54px 64px";
42
- readonly cardPaddingMedium: "34px 28px";
53
+ readonly cardPaddingLarge: "48px 56px";
54
+ readonly cardPaddingMedium: "32px 28px";
43
55
  };
44
56
  readonly borderRadius: {
45
57
  readonly small: "8px";
46
- readonly medium: "12px";
47
- readonly large: "16px";
58
+ readonly medium: "16px";
59
+ readonly large: "28px";
60
+ readonly pill: "999px";
48
61
  };
49
62
  readonly fontSize: {
50
- readonly display: "92px";
51
- readonly displaySmall: "72px";
52
- readonly h1: "64px";
53
- readonly h2: "48px";
54
- readonly h3: "36px";
55
- readonly body: "22px";
56
- readonly bodySmall: "17px";
57
- readonly caption: "14px";
63
+ readonly display: "96px";
64
+ readonly displaySmall: "76px";
65
+ readonly h1: "56px";
66
+ readonly h2: "40px";
67
+ readonly h3: "28px";
68
+ readonly body: "20px";
69
+ readonly bodySmall: "16px";
70
+ readonly caption: "13px";
58
71
  };
59
72
  readonly effect: {
60
- readonly glassBlur: "blur(28px) saturate(140%)";
61
- readonly glassBorder: "1px solid rgba(255, 255, 255, 0.72)";
62
73
  readonly riseDistance: "14px";
63
74
  readonly riseDuration: "0.55s";
64
75
  };
@@ -191,7 +202,7 @@ export declare const themes: readonly [{
191
202
  readonly riseDistance: "18px";
192
203
  readonly riseDuration: "0.6s";
193
204
  };
194
- }, import("./index.js").Theme04Tokens, import("./index.js").Theme05Tokens, import("./index.js").Theme06Tokens, import("./index.js").Theme07Tokens, import("./index.js").Theme08Tokens, import("./index.js").Theme09Tokens, import("./index.js").Theme10Tokens];
205
+ }, import("./index.js").Theme04Tokens, import("./index.js").Theme05Tokens, import("./index.js").Theme06Tokens, import("./index.js").Theme07Tokens, import("./index.js").Theme08Tokens, import("./index.js").Theme09Tokens, import("./index.js").Theme10Tokens, import("./index.js").Theme11Tokens];
195
206
  export type ThemeToken = typeof themes[number];
196
207
  export declare function getTheme(id: string): ThemeToken | undefined;
197
208
  export * from './theme01/tokens.js';
@@ -204,4 +215,5 @@ export * from './theme07/tokens.js';
204
215
  export * from './theme08/tokens.js';
205
216
  export * from './theme09/tokens.js';
206
217
  export * from './theme10/tokens.js';
218
+ export * from './theme11/tokens.js';
207
219
  //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8PAAkK,CAAC;AAEtL,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;AAE/C,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAE3D;AAED,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kSAAiL,CAAC;AAErM,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;AAE/C,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAE3D;AAED,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
package/dist/index.js CHANGED
@@ -11,7 +11,8 @@ import { theme07Tokens } from './theme07/tokens.js';
11
11
  import { theme08Tokens } from './theme08/tokens.js';
12
12
  import { theme09Tokens } from './theme09/tokens.js';
13
13
  import { theme10Tokens } from './theme10/tokens.js';
14
- export const themes = [theme01Tokens, theme02Tokens, theme03Tokens, theme04Tokens, theme05Tokens, theme06Tokens, theme07Tokens, theme08Tokens, theme09Tokens, theme10Tokens];
14
+ import { theme11Tokens } from './theme11/tokens.js';
15
+ export const themes = [theme01Tokens, theme02Tokens, theme03Tokens, theme04Tokens, theme05Tokens, theme06Tokens, theme07Tokens, theme08Tokens, theme09Tokens, theme10Tokens, theme11Tokens];
15
16
  export function getTheme(id) {
16
17
  return themes.find((t) => t.id === id);
17
18
  }
@@ -25,4 +26,5 @@ export * from './theme07/tokens.js';
25
26
  export * from './theme08/tokens.js';
26
27
  export * from './theme09/tokens.js';
27
28
  export * from './theme10/tokens.js';
29
+ export * from './theme11/tokens.js';
28
30
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,gCAAgC;AAChC,6CAA6C;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,CAAU,CAAC;AAItL,MAAM,UAAU,QAAQ,CAAC,EAAU;IACjC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AACzC,CAAC;AAED,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,gCAAgC;AAChC,6CAA6C;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,CAAU,CAAC;AAIrM,MAAM,UAAU,QAAQ,CAAC,EAAU;IACjC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AACzC,CAAC;AAED,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
package/dist/theme01/tokens.d.ts CHANGED
@@ -1,70 +1,81 @@
1
1
  /**
2
- * theme01 设计 Token
2
+ * theme01 设计 Token（Vivid Pop · 活力波普）
3
3
  *
4
- * 整体风格：轻拟态 / 玻璃质感 / 柔和弥散渐变
5
- * 视觉关键词：浅色底、柔和光晕、玻璃卡片、大写英文装饰
4
+ * 整体风格：轻盈活泼 / 信息图式布局 / 色块拼贴 / 明亮强调色 / 零玻璃 / 零大卡片
5
+ * 视觉关键词：浅白浅灰底、明亮红/黄/青/蓝点睛、图标+彩色标题组、细边框胶囊、维恩圆、时间线
6
6
  */
7
7
  export declare const theme01Tokens: {
8
8
  readonly id: "theme01";
9
9
  readonly displayName: "Theme 01";
10
- readonly description: "轻拟态玻璃质感，柔和弥散渐变背景";
10
+ readonly description: "活力波普，轻盈信息图式布局，明亮强调色与色块拼贴，无大卡片容器";
11
11
  readonly colors: {
12
- readonly ink: "#2a2a30";
13
- readonly ink2: "#56565c";
14
- readonly ink3: "#9a9ba4";
15
- readonly textInverse: "#ffffff";
16
- readonly red: "#e15b4d";
17
- readonly blue: "#5b9bd5";
18
- readonly green: "#4caf8a";
19
- readonly amber: "#e0a844";
20
- readonly violet: "#7b6ad4";
21
- readonly cyan: "#48a8c8";
22
- readonly pink: "#d86aa3";
23
- readonly series: readonly ["#5b9bd5", "#4caf8a", "#e0a844", "#e15b4d", "#7b6ad4", "#48a8c8", "#d86aa3"];
24
- readonly background: "#f4f6f9";
25
- readonly surface: "rgba(255, 255, 255, 0.55)";
26
- readonly surfaceStrong: "rgba(255, 255, 255, 0.72)";
27
- readonly surfaceSolid: "#ffffff";
28
- readonly border: "rgba(255, 255, 255, 0.72)";
29
- readonly shadow: "0 24px 60px rgba(70, 72, 100, 0.13)";
30
- readonly shadowSmall: "0 8px 24px rgba(70, 72, 100, 0.1)";
31
- readonly glowA: "rgba(91, 155, 213, 0.22)";
32
- readonly glowB: "rgba(224, 168, 68, 0.18)";
33
- readonly glowC: "rgba(123, 106, 212, 0.16)";
12
+ readonly ink: "#1F2937";
13
+ readonly ink2: "#6B7280";
14
+ readonly ink3: "#9CA3AF";
15
+ readonly textInverse: "#FFFFFF";
16
+ readonly accent: "#EF4444";
17
+ readonly accent2: "#FBBF24";
18
+ readonly accent3: "#14B8A6";
19
+ readonly red: "#EF4444";
20
+ readonly blue: "#3B82F6";
21
+ readonly green: "#14B8A6";
22
+ readonly amber: "#FBBF24";
23
+ readonly violet: "#8B5CF6";
24
+ readonly cyan: "#06B6D4";
25
+ readonly pink: "#F472B6";
26
+ readonly orange: "#FB923C";
27
+ readonly lime: "#A3E635";
28
+ readonly series: readonly ["#EF4444", "#FBBF24", "#14B8A6", "#3B82F6", "#8B5CF6", "#06B6D4", "#F472B6", "#FB923C"];
29
+ readonly background: "#FFFFFF";
30
+ readonly backgroundAlt: "#F3F4F6";
31
+ readonly backgroundGradientStart: "#FFFFFF";
32
+ readonly backgroundGradientEnd: "#FEF3C7";
33
+ readonly surface: "#FFFFFF";
34
+ readonly surfaceStrong: "#F3F4F6";
35
+ readonly surfaceSolid: "#FFFFFF";
36
+ readonly surfaceElevated: "#FFFFFF";
37
+ readonly border: "rgba(31, 41, 55, 0.12)";
38
+ readonly borderStrong: "rgba(31, 41, 55, 0.20)";
39
+ readonly shadow: "0 12px 32px rgba(31, 41, 55, 0.08)";
40
+ readonly shadowSmall: "0 4px 12px rgba(31, 41, 55, 0.06)";
41
+ readonly shadowMedium: "0 8px 24px rgba(31, 41, 55, 0.07)";
42
+ readonly shadowLarge: "0 16px 40px rgba(31, 41, 55, 0.09)";
43
+ readonly glowA: "rgba(239, 68, 68, 0.12)";
44
+ readonly glowB: "rgba(251, 191, 36, 0.12)";
45
+ readonly glowC: "rgba(20, 184, 166, 0.12)";
34
46
  };
35
47
  readonly fonts: {
36
- readonly heading: "\"Noto Sans SC\", \"PingFang SC\", system-ui, sans-serif";
48
+ readonly heading: "\"Nunito\", \"Noto Sans SC\", \"PingFang SC\", system-ui, sans-serif";
37
49
  readonly body: "\"Noto Sans SC\", \"PingFang SC\", system-ui, sans-serif";
38
50
  readonly mono: "\"Space Mono\", \"JetBrains Mono\", ui-monospace, monospace";
39
- readonly en: "\"Space Mono\", ui-monospace, monospace";
51
+ readonly en: "\"Nunito\", \"Noto Sans SC\", system-ui, sans-serif";
40
52
  };
41
53
  readonly spacing: {
42
54
  readonly pagePadding: "108px";
43
- readonly sectionGap: "40px";
44
- readonly elementGap: "16px";
55
+ readonly sectionGap: "48px";
56
+ readonly elementGap: "20px";
45
57
  readonly padTop: "92px";
46
58
  readonly padBottom: "84px";
47
- readonly cardPaddingLarge: "54px 64px";
48
- readonly cardPaddingMedium: "34px 28px";
59
+ readonly cardPaddingLarge: "48px 56px";
60
+ readonly cardPaddingMedium: "32px 28px";
49
61
  };
50
62
  readonly borderRadius: {
51
63
  readonly small: "8px";
52
- readonly medium: "12px";
53
- readonly large: "16px";
64
+ readonly medium: "16px";
65
+ readonly large: "28px";
66
+ readonly pill: "999px";
54
67
  };
55
68
  readonly fontSize: {
56
- readonly display: "92px";
57
- readonly displaySmall: "72px";
58
- readonly h1: "64px";
59
- readonly h2: "48px";
60
- readonly h3: "36px";
61
- readonly body: "22px";
62
- readonly bodySmall: "17px";
63
- readonly caption: "14px";
69
+ readonly display: "96px";
70
+ readonly displaySmall: "76px";
71
+ readonly h1: "56px";
72
+ readonly h2: "40px";
73
+ readonly h3: "28px";
74
+ readonly body: "20px";
75
+ readonly bodySmall: "16px";
76
+ readonly caption: "13px";
64
77
  };
65
78
  readonly effect: {
66
- readonly glassBlur: "blur(28px) saturate(140%)";
67
- readonly glassBorder: "1px solid rgba(255, 255, 255, 0.72)";
68
79
  readonly riseDistance: "14px";
69
80
  readonly riseDuration: "0.55s";
70
81
  };
package/dist/theme01/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme01/tokens.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEhB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme01/tokens.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFhB,CAAC"}
package/dist/theme01/tokens.js CHANGED
@@ -2,76 +2,87 @@
2
2
  // Copyright (c) 2026 lemonforme
3
3
  // SPDX-License-Identifier: AGPL-3.0-or-later
4
4
  /**
5
- * theme01 设计 Token
5
+ * theme01 设计 Token（Vivid Pop · 活力波普）
6
6
  *
7
- * 整体风格：轻拟态 / 玻璃质感 / 柔和弥散渐变
8
- * 视觉关键词：浅色底、柔和光晕、玻璃卡片、大写英文装饰
7
+ * 整体风格：轻盈活泼 / 信息图式布局 / 色块拼贴 / 明亮强调色 / 零玻璃 / 零大卡片
8
+ * 视觉关键词：浅白浅灰底、明亮红/黄/青/蓝点睛、图标+彩色标题组、细边框胶囊、维恩圆、时间线
9
9
  */
10
10
  export const theme01Tokens = {
11
11
  id: 'theme01',
12
12
  displayName: 'Theme 01',
13
- description: '轻拟态玻璃质感，柔和弥散渐变背景',
13
+ description: '活力波普，轻盈信息图式布局，明亮强调色与色块拼贴，无大卡片容器',
14
14
  colors: {
15
15
  // 文字
16
- ink: '#2a2a30',
17
- ink2: '#56565c',
18
- ink3: '#9a9ba4',
19
- textInverse: '#ffffff',
20
- // 标签 / 强调色
21
- red: '#e15b4d',
22
- blue: '#5b9bd5',
23
- green: '#4caf8a',
24
- amber: '#e0a844',
25
- violet: '#7b6ad4',
26
- cyan: '#48a8c8',
27
- pink: '#d86aa3',
28
- series: ['#5b9bd5', '#4caf8a', '#e0a844', '#e15b4d', '#7b6ad4', '#48a8c8', '#d86aa3'],
16
+ ink: '#1F2937',
17
+ ink2: '#6B7280',
18
+ ink3: '#9CA3AF',
19
+ textInverse: '#FFFFFF',
20
+ // 强调色
21
+ accent: '#EF4444',
22
+ accent2: '#FBBF24',
23
+ accent3: '#14B8A6',
24
+ red: '#EF4444',
25
+ blue: '#3B82F6',
26
+ green: '#14B8A6',
27
+ amber: '#FBBF24',
28
+ violet: '#8B5CF6',
29
+ cyan: '#06B6D4',
30
+ pink: '#F472B6',
31
+ orange: '#FB923C',
32
+ lime: '#A3E635',
33
+ series: ['#EF4444', '#FBBF24', '#14B8A6', '#3B82F6', '#8B5CF6', '#06B6D4', '#F472B6', '#FB923C'],
29
34
  // 背景 / 表面
30
- background: '#f4f6f9',
31
- surface: 'rgba(255, 255, 255, 0.55)',
32
- surfaceStrong: 'rgba(255, 255, 255, 0.72)',
33
- surfaceSolid: '#ffffff',
34
- border: 'rgba(255, 255, 255, 0.72)',
35
- shadow: '0 24px 60px rgba(70, 72, 100, 0.13)',
36
- shadowSmall: '0 8px 24px rgba(70, 72, 100, 0.1)',
37
- // 弥散光晕（使用 CSS 变量覆盖）
38
- glowA: 'rgba(91, 155, 213, 0.22)',
39
- glowB: 'rgba(224, 168, 68, 0.18)',
40
- glowC: 'rgba(123, 106, 212, 0.16)',
35
+ background: '#FFFFFF',
36
+ backgroundAlt: '#F3F4F6',
37
+ backgroundGradientStart: '#FFFFFF',
38
+ backgroundGradientEnd: '#FEF3C7',
39
+ surface: '#FFFFFF',
40
+ surfaceStrong: '#F3F4F6',
41
+ surfaceSolid: '#FFFFFF',
42
+ surfaceElevated: '#FFFFFF',
43
+ border: 'rgba(31, 41, 55, 0.12)',
44
+ borderStrong: 'rgba(31, 41, 55, 0.20)',
45
+ shadow: '0 12px 32px rgba(31, 41, 55, 0.08)',
46
+ shadowSmall: '0 4px 12px rgba(31, 41, 55, 0.06)',
47
+ shadowMedium: '0 8px 24px rgba(31, 41, 55, 0.07)',
48
+ shadowLarge: '0 16px 40px rgba(31, 41, 55, 0.09)',
49
+ // 柔和彩色光晕（仅作点缀，不用于玻璃）
50
+ glowA: 'rgba(239, 68, 68, 0.12)',
51
+ glowB: 'rgba(251, 191, 36, 0.12)',
52
+ glowC: 'rgba(20, 184, 166, 0.12)',
41
53
  },
42
54
  fonts: {
43
- heading: '"Noto Sans SC", "PingFang SC", system-ui, sans-serif',
55
+ heading: '"Nunito", "Noto Sans SC", "PingFang SC", system-ui, sans-serif',
44
56
  body: '"Noto Sans SC", "PingFang SC", system-ui, sans-serif',
45
57
  mono: '"Space Mono", "JetBrains Mono", ui-monospace, monospace',
46
- en: '"Space Mono", ui-monospace, monospace',
58
+ en: '"Nunito", "Noto Sans SC", system-ui, sans-serif',
47
59
  },
48
60
  spacing: {
49
61
  pagePadding: '108px',
50
- sectionGap: '40px',
51
- elementGap: '16px',
62
+ sectionGap: '48px',
63
+ elementGap: '20px',
52
64
  padTop: '92px',
53
65
  padBottom: '84px',
54
- cardPaddingLarge: '54px 64px',
55
- cardPaddingMedium: '34px 28px',
66
+ cardPaddingLarge: '48px 56px',
67
+ cardPaddingMedium: '32px 28px',
56
68
  },
57
69
  borderRadius: {
58
70
  small: '8px',
59
- medium: '12px',
60
- large: '16px',
71
+ medium: '16px',
72
+ large: '28px',
73
+ pill: '999px',
61
74
  },
62
75
  fontSize: {
63
- display: '92px',
64
- displaySmall: '72px',
65
- h1: '64px',
66
- h2: '48px',
67
- h3: '36px',
68
- body: '22px',
69
- bodySmall: '17px',
70
- caption: '14px',
76
+ display: '96px',
77
+ displaySmall: '76px',
78
+ h1: '56px',
79
+ h2: '40px',
80
+ h3: '28px',
81
+ body: '20px',
82
+ bodySmall: '16px',
83
+ caption: '13px',
71
84
  },
72
85
  effect: {
73
- glassBlur: 'blur(28px) saturate(140%)',
74
- glassBorder: '1px solid rgba(255, 255, 255, 0.72)',
75
86
  riseDistance: '14px',
76
87
  riseDuration: '0.55s',
77
88
  },
package/dist/theme01/tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/theme01/tokens.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,gCAAgC;AAChC,6CAA6C;AAE7C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,EAAE,EAAE,SAAS;IACb,WAAW,EAAE,UAAU;IACvB,WAAW,EAAE,kBAAkB;IAC/B,MAAM,EAAE;QACN,KAAK;QACL,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QAEtB,WAAW;QACX,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QAErF,UAAU;QACV,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,2BAA2B;QACpC,aAAa,EAAE,2BAA2B;QAC1C,YAAY,EAAE,SAAS;QACvB,MAAM,EAAE,2BAA2B;QACnC,MAAM,EAAE,qCAAqC;QAC7C,WAAW,EAAE,mCAAmC;QAEhD,oBAAoB;QACpB,KAAK,EAAE,0BAA0B;QACjC,KAAK,EAAE,0BAA0B;QACjC,KAAK,EAAE,2BAA2B;KACnC;IACD,KAAK,EAAE;QACL,OAAO,EAAE,sDAAsD;QAC/D,IAAI,EAAE,sDAAsD;QAC5D,IAAI,EAAE,yDAAyD;QAC/D,EAAE,EAAE,uCAAuC;KAC5C;IACD,OAAO,EAAE;QACP,WAAW,EAAE,OAAO;QACpB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,gBAAgB,EAAE,WAAW;QAC7B,iBAAiB,EAAE,WAAW;KAC/B;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,MAAM;QACpB,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,MAAM,EAAE;QACN,SAAS,EAAE,2BAA2B;QACtC,WAAW,EAAE,qCAAqC;QAClD,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,OAAO;KACtB;CACO,CAAC"}
1
+ {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/theme01/tokens.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,gCAAgC;AAChC,6CAA6C;AAE7C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,EAAE,EAAE,SAAS;IACb,WAAW,EAAE,UAAU;IACvB,WAAW,EAAE,iCAAiC;IAC9C,MAAM,EAAE;QACN,KAAK;QACL,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QAEtB,MAAM;QACN,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QAEhG,UAAU;QACV,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,uBAAuB,EAAE,SAAS;QAClC,qBAAqB,EAAE,SAAS;QAChC,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,MAAM,EAAE,wBAAwB;QAChC,YAAY,EAAE,wBAAwB;QACtC,MAAM,EAAE,oCAAoC;QAC5C,WAAW,EAAE,mCAAmC;QAChD,YAAY,EAAE,mCAAmC;QACjD,WAAW,EAAE,oCAAoC;QAEjD,qBAAqB;QACrB,KAAK,EAAE,yBAAyB;QAChC,KAAK,EAAE,0BAA0B;QACjC,KAAK,EAAE,0BAA0B;KAClC;IACD,KAAK,EAAE;QACL,OAAO,EAAE,gEAAgE;QACzE,IAAI,EAAE,sDAAsD;QAC5D,IAAI,EAAE,yDAAyD;QAC/D,EAAE,EAAE,iDAAiD;KACtD;IACD,OAAO,EAAE;QACP,WAAW,EAAE,OAAO;QACpB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,gBAAgB,EAAE,WAAW;QAC7B,iBAAiB,EAAE,WAAW;KAC/B;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,OAAO;KACd;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,MAAM;QACpB,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,MAAM,EAAE;QACN,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,OAAO;KACtB;CACO,CAAC"}
package/dist/theme11/tokens.d.ts ADDED
@@ -0,0 +1,93 @@
1
+ /**
2
+ * ⚠️ 渲染真源（SOURCE OF TRUTH）⚠️
3
+ * renderer 经 @lemonppt/templates 实际调用本文件。
4
+ * 镜像副本 `packages/themes/src/theme11/tokens.ts` 仅供 getTheme() 元数据使用。
5
+ * 改配色请先改本文件，再同步：
6
+ * cp packages/templates/src/themes/theme11/tokens.ts packages/themes/src/theme11/tokens.ts
7
+ *
8
+ * theme11 设计 Token。
9
+ * 风格：流光科技 · 浅色扁平科技风 / Light Stream · Flat Tech。
10
+ *
11
+ * 视觉坐标（与 theme07 冷白调研、theme10 金色金融、third-party 全部区分开）：
12
+ * 白/浅灰底 + 柔和弥散渐变 + 多彩强调色（青/紫/蓝/橙）+ 轻量圆角卡片 + 细网格/信号线。
13
+ * 三情绪渐变（aurora / daylight / sunset）全部自写。
14
+ *
15
+ * 所有色值、类名、装饰语汇均为原创，不复制 third-party 的实现、专色族、类名
16
+ * 与保留前缀变量。
17
+ */
18
+ export type Theme11Mood = 'aurora' | 'daylight' | 'sunset';
19
+ export interface Theme11Tokens {
20
+ id: string;
21
+ displayName: string;
22
+ description: string;
23
+ colors: {
24
+ ink: string;
25
+ ink2: string;
26
+ ink3: string;
27
+ textInverse: string;
28
+ accent: string;
29
+ accent2: string;
30
+ accent3: string;
31
+ orange: string;
32
+ red: string;
33
+ green: string;
34
+ violet: string;
35
+ cyan: string;
36
+ series: readonly string[];
37
+ background: string;
38
+ backgroundGradientStart: string;
39
+ backgroundGradientEnd: string;
40
+ surface: string;
41
+ surfaceSoft: string;
42
+ surfaceStrong: string;
43
+ surfaceSolid: string;
44
+ surfaceElevated: string;
45
+ border: string;
46
+ borderStrong: string;
47
+ shadow: string;
48
+ shadowSmall: string;
49
+ shadowMedium: string;
50
+ shadowLarge: string;
51
+ shadowBlue: string;
52
+ shadowCyan: string;
53
+ shadowViolet: string;
54
+ shadowOrange: string;
55
+ shadowGreen: string;
56
+ shadowRed: string;
57
+ gridLine: string;
58
+ };
59
+ fonts: {
60
+ heading: string;
61
+ body: string;
62
+ mono: string;
63
+ en: string;
64
+ };
65
+ spacing: {
66
+ pagePadding: string;
67
+ sectionGap: string;
68
+ elementGap: string;
69
+ padTop: string;
70
+ padBottom: string;
71
+ cardPaddingLarge: string;
72
+ cardPaddingMedium: string;
73
+ };
74
+ borderRadius: {
75
+ small: string;
76
+ medium: string;
77
+ large: string;
78
+ };
79
+ fontSize: {
80
+ display: string;
81
+ displaySmall: string;
82
+ h1: string;
83
+ h2: string;
84
+ h3: string;
85
+ body: string;
86
+ bodySmall: string;
87
+ caption: string;
88
+ };
89
+ }
90
+ export declare const theme11Tokens: Theme11Tokens;
91
+ export declare function getTheme11Tokens(): Theme11Tokens;
92
+ export declare function generateTheme11CssVariables(mood?: Theme11Mood): string;
93
+ //# sourceMappingURL=tokens.d.ts.map
package/dist/theme11/tokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme11/tokens.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;QAC1B,UAAU,EAAE,MAAM,CAAC;QACnB,uBAAuB,EAAE,MAAM,CAAC;QAChC,qBAAqB,EAAE,MAAM,CAAC;QAC9B,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC;QACxB,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,gBAAgB,EAAE,MAAM,CAAC;QACzB,iBAAiB,EAAE,MAAM,CAAC;KAC3B,CAAC;IACF,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAwHD,eAAO,MAAM,aAAa,eAAsB,CAAC;AAEjD,wBAAgB,gBAAgB,IAAI,aAAa,CAEhD;AAsFD,wBAAgB,2BAA2B,CAAC,IAAI,GAAE,WAAwB,GAAG,MAAM,CAUlF"}