@liujitcn/kratos-taro-app-ui 0.0.78 → 0.0.80

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 (3) hide show
  1. package/package.json +2 -2
  2. package/src/UniIcon.tsx +8 -0
  3. package/src/styles/theme.scss +94 -27
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "type": "git",
8
8
  "url": "git@github.com:liujitcn/kratos-admin.git"
9
9
  },
10
- "version": "0.0.78",
10
+ "version": "0.0.80",
11
11
  "type": "module",
12
12
  "files": [
13
13
  "src",
@@ -29,7 +29,7 @@
29
29
  "react": "18.3.1"
30
30
  },
31
31
  "peerDependencies": {
32
- "@liujitcn/kratos-taro-app-core": "^0.0.78"
32
+ "@liujitcn/kratos-taro-app-core": "^0.0.80"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "pnpm pack --pack-destination ../../dist/npm",
package/src/UniIcon.tsx CHANGED
@@ -8,7 +8,11 @@ export type UniIconName =
8
8
  | 'paperplane'
9
9
  | 'paperplane-filled'
10
10
  | 'left'
11
+ | 'right'
11
12
  | 'bars'
13
+ | 'search'
14
+ | 'more'
15
+ | 'refresh'
12
16
  | 'notification'
13
17
  | 'notification-filled'
14
18
  | 'locked-filled'
@@ -36,7 +40,11 @@ const iconUnicode: Record<UniIconName, string> = {
36
40
  paperplane: '\ue672',
37
41
  'paperplane-filled': '\ue675',
38
42
  left: '\ue6b7',
43
+ right: '\ue6b5',
39
44
  bars: '\ue627',
45
+ search: '\ue654',
46
+ more: '\ue64d',
47
+ refresh: '\ue657',
40
48
  notification: '\ue6a6',
41
49
  'notification-filled': '\ue6c1',
42
50
  'locked-filled': '\ue668',
package/src/styles/theme.scss CHANGED
@@ -1,32 +1,99 @@
1
- $kratos-primary: #27ba9b;
2
- $kratos-primary-pressed: #1d9e83;
3
- $kratos-primary-light: #e9f8f4;
4
- $kratos-success: #27ba9b;
5
- $kratos-danger: #cf4444;
6
- $kratos-text: #333;
7
- $kratos-muted: #8a8f99;
8
- $kratos-background: #f7f7f8;
1
+ /* ============================================================
2
+ * Kratos Taro 移动端主题令牌（暗黑 / 明亮双主题）
3
+ * 默认输出明亮主题；暗黑主题挂在页面根类 .theme-dark 上，
4
+ * 页面根节点绑定 .theme-light 或 .theme-dark 后变量随主题生效。
5
+ * ============================================================ */
9
6
 
10
7
  :root,
11
- page {
12
- --kratos-color-primary: #{$kratos-primary};
13
- --kratos-color-primary-pressed: #{$kratos-primary-pressed};
14
- --kratos-color-primary-light: #{$kratos-primary-light};
15
- --kratos-color-danger: #{$kratos-danger};
16
- --kratos-color-text: #{$kratos-text};
17
- --kratos-color-text-muted: #{$kratos-muted};
18
- --kratos-color-background: #{$kratos-background};
8
+ page,
9
+ .theme-light {
10
+ --kratos-color-background: #eef3f8;
11
+ --kratos-bg-gradient: linear-gradient(180deg, #f4f9fd 0%, #e9f1f8 60%);
12
+ --kratos-color-surface: #ffffff;
13
+ --kratos-color-surface-2: #eef4fa;
14
+ --kratos-color-surface-solid: #ffffff;
15
+ --kratos-color-border: #e3eaf2;
16
+ --kratos-color-border-accent: rgba(0, 150, 134, 0.28);
17
+ --kratos-color-primary: #039e8c;
18
+ --kratos-color-primary-deep: #00b3a0;
19
+ --kratos-color-on-primary: #ffffff;
20
+ --kratos-color-primary-soft: rgba(3, 158, 140, 0.08);
21
+ --kratos-color-primary-soft-2: rgba(3, 158, 140, 0.1);
22
+ --kratos-color-primary-edge: rgba(3, 158, 140, 0.3);
23
+ --kratos-color-info: #1a93d8;
24
+ --kratos-color-warning: #d9880f;
25
+ --kratos-color-danger: #e0324f;
26
+ --kratos-color-danger-soft: rgba(224, 50, 79, 0.1);
27
+ --kratos-color-violet: #5f4fe0;
28
+ --kratos-color-text: #102232;
29
+ --kratos-color-text-muted: #5a7083;
30
+ --kratos-color-text-dim: #9aabbb;
31
+ --kratos-color-track: #e8eef5;
32
+ --kratos-color-mask: rgba(16, 34, 50, 0.45);
33
+ --kratos-dock-bg: rgba(255, 255, 255, 0.82);
34
+ --kratos-glow: 0 10px 26px rgba(0, 120, 110, 0.14);
35
+ --kratos-glow-soft: none;
36
+ --kratos-font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace;
19
37
 
20
- --nutui-color-primary: #{$kratos-primary};
21
- --nutui-color-primary-stop-1: #{$kratos-primary};
22
- --nutui-color-primary-stop-2: #{$kratos-primary};
23
- --nutui-color-primary-pressed: #{$kratos-primary-pressed};
24
- --nutui-color-primary-light: #{$kratos-primary-light};
25
- --nutui-color-primary-light-pressed: #d7f1ea;
26
- --nutui-color-success: #{$kratos-success};
27
- --nutui-color-danger: #{$kratos-danger};
28
- --nutui-color-background: #{$kratos-background};
29
- --nutui-color-title: #{$kratos-text};
30
- --nutui-color-text-help: #{$kratos-muted};
38
+ --kratos-color-primary-pressed: #008f80;
39
+ --kratos-color-primary-light: #e0f5f2;
40
+
41
+ --nutui-color-primary: #039e8c;
42
+ --nutui-color-primary-stop-1: #039e8c;
43
+ --nutui-color-primary-stop-2: #039e8c;
44
+ --nutui-color-primary-pressed: #008f80;
45
+ --nutui-color-primary-light: #e0f5f2;
46
+ --nutui-color-primary-light-pressed: #d0efe9;
47
+ --nutui-color-success: #039e8c;
48
+ --nutui-color-danger: #e0324f;
49
+ --nutui-color-background: #eef3f8;
50
+ --nutui-color-title: #102232;
51
+ --nutui-color-text-help: #5a7083;
31
52
  --nutui-button-border-radius: 6px;
32
53
  }
54
+
55
+ /* 暗黑主题：深色数据驾驶舱 */
56
+ .theme-dark {
57
+ --kratos-color-background: #060a12;
58
+ --kratos-bg-gradient: linear-gradient(180deg, #081120 0%, #060a12 40%);
59
+ --kratos-color-surface: rgba(255, 255, 255, 0.035);
60
+ --kratos-color-surface-2: rgba(255, 255, 255, 0.06);
61
+ --kratos-color-surface-solid: #070d18;
62
+ --kratos-color-border: rgba(255, 255, 255, 0.08);
63
+ --kratos-color-border-accent: rgba(120, 230, 215, 0.16);
64
+ --kratos-color-primary: #28f0d4;
65
+ --kratos-color-primary-deep: #13c7b4;
66
+ --kratos-color-on-primary: #031513;
67
+ --kratos-color-primary-soft: rgba(40, 240, 212, 0.08);
68
+ --kratos-color-primary-soft-2: rgba(40, 240, 212, 0.1);
69
+ --kratos-color-primary-edge: rgba(40, 240, 212, 0.3);
70
+ --kratos-color-info: #45c2ff;
71
+ --kratos-color-warning: #ffb648;
72
+ --kratos-color-danger: #ff4d6d;
73
+ --kratos-color-danger-soft: rgba(255, 77, 109, 0.1);
74
+ --kratos-color-violet: #9b8cff;
75
+ --kratos-color-text: #e9f4f6;
76
+ --kratos-color-text-muted: #8aa0b4;
77
+ --kratos-color-text-dim: #4e6378;
78
+ --kratos-color-track: rgba(255, 255, 255, 0.06);
79
+ --kratos-color-mask: rgba(2, 6, 12, 0.55);
80
+ --kratos-dock-bg: rgba(10, 18, 30, 0.72);
81
+ --kratos-glow: 0 0 24px rgba(40, 240, 212, 0.35);
82
+ --kratos-glow-soft: 0 0 40px rgba(40, 240, 212, 0.06);
83
+ --kratos-font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace;
84
+
85
+ --kratos-color-primary-pressed: #13c7b4;
86
+ --kratos-color-primary-light: rgba(40, 240, 212, 0.12);
87
+
88
+ --nutui-color-primary: #28f0d4;
89
+ --nutui-color-primary-stop-1: #28f0d4;
90
+ --nutui-color-primary-stop-2: #28f0d4;
91
+ --nutui-color-primary-pressed: #13c7b4;
92
+ --nutui-color-primary-light: rgba(40, 240, 212, 0.12);
93
+ --nutui-color-primary-light-pressed: rgba(40, 240, 212, 0.2);
94
+ --nutui-color-success: #28f0d4;
95
+ --nutui-color-danger: #ff4d6d;
96
+ --nutui-color-background: #060a12;
97
+ --nutui-color-title: #e9f4f6;
98
+ --nutui-color-text-help: #8aa0b4;
99
+ }