@bifrostui/styles 2.0.0-alpha.10 → 2.0.0-alpha.12

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/dist/index.css CHANGED
@@ -10,8 +10,7 @@ page,
10
10
  xhs-page,
11
11
  .bui-default-light,
12
12
  [data-color-mode='light'][data-theme] {
13
- --bui-font-family: 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto, 'Hiragino Sans GB',
14
- 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial, sans-serif;
13
+ --bui-font-family: 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto, 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial, sans-serif;
15
14
  --bui-color-red: #ff335c;
16
15
  --bui-color-red-light: #ffebef;
17
16
  --bui-color-pink: #dd10f2;
@@ -201,9 +200,7 @@ xhs-page,
201
200
  /** 先锋主题 */
202
201
  .bui-pioneer-light,
203
202
  [data-color-mode][data-theme='pioneer'] {
204
- --bui-font-family-accent: 'AlibabaPuHuiTi-Heavy', 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto,
205
- 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial,
206
- sans-serif;
203
+ --bui-font-family-accent: 'AlibabaPuHuiTi-Heavy', 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto, 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial, sans-serif;
207
204
  --bui-color-red: #ff471a;
208
205
  --bui-color-red-light: #ffefe6;
209
206
  --bui-color-red-dark: #b31800;
@@ -268,10 +265,13 @@ xhs-page,
268
265
  --bui-tab-font-size: var(--bui-title-size-4);
269
266
  --bui-tab-color: var(--bui-color-fg-muted);
270
267
  /* prettier-ignore */
271
- --bui-tabs-indicator-height: 4PX;
268
+ --bui-tabs-indicator-height: 6PX;
272
269
  --bui-tabs-indicator-border-radius: 2px;
270
+ --bui-tabs-indicator-width: 27px;
273
271
  --bui-tabs-indicator-box-shadow: 0 2px 4px 0 rgba(255, 98, 0, 0.2);
274
272
  --bui-tabs-indicator-bg: linear-gradient(90deg, var(--bui-color-primary-start) 0%, var(--bui-color-primary-end) 100%);
273
+ --bui-calendar-middle-bg-color: var(--bui-color-primary-light);
274
+ --bui-calendar-range-both-ends-bg-color: #ffb999;
275
275
  }
276
276
  /** 暗黑模式 */
277
277
  .bui-dark,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bifrostui/styles",
3
- "version": "2.0.0-alpha.10",
3
+ "version": "2.0.0-alpha.12",
4
4
  "main": "dist/index.css",
5
5
  "description": "Common style definitions for BUI React components",
6
6
  "homepage": "http://bui.taopiaopiao.com",
@@ -107,10 +107,15 @@ export const pioneerLight = {
107
107
  // Tabs
108
108
  '--bui-tab-font-size': 'var(--bui-title-size-4)',
109
109
  '--bui-tab-color': 'var(--bui-color-fg-muted)',
110
- '--bui-tabs-indicator-height': '4PX',
110
+ '--bui-tabs-indicator-height': '6PX',
111
111
  '--bui-tabs-indicator-border-radius': '2px',
112
+ '--bui-tabs-indicator-width': '27px',
112
113
  '--bui-tabs-indicator-box-shadow': '0 2px 4px 0 rgba(255, 98, 0, 0.2)',
113
114
  '--bui-tabs-indicator-bg':
114
115
  'linear-gradient(90deg,var(--bui-color-primary-start) 0%,var(--bui-color-primary-end) 100%)',
116
+
117
+ // Calendar
118
+ '--bui-calendar-middle-bg-color': 'var(--bui-color-primary-light)',
119
+ '--bui-calendar-range-both-ends-bg-color': '#ffb999',
115
120
  },
116
121
  };
@@ -1,21 +1,21 @@
1
1
  /** 此文件由脚本自动生成,请勿直接修改,若有变更请维护bui-styles/registry/*.mjs,再执行`pnpm theme:js2less`更新主题 */
2
2
  .default-dark() {
3
- --bui-color-fg-default: #f0f6fc;
4
- --bui-color-fg-muted: #8b949e;
5
- --bui-color-fg-subtle: #484f58;
6
- --bui-color-fg-disabled: #484f58;
7
- --bui-color-bg-default: #010409;
8
- --bui-color-bg-view: #161b22;
9
- --bui-color-bg-popover: rgba(72, 79, 88, 0.7);
10
- --bui-color-bg-alpha-light-9: rgba(22, 27, 34, 0.9);
11
- --bui-color-bg-alpha-light-7: rgba(22, 27, 34, 0.7);
12
- --bui-color-bg-alpha-light-5: rgba(22, 27, 34, 0.5);
13
- --bui-color-bg-alpha-light-3: rgba(22, 27, 34, 0.3);
14
- --bui-color-bg-alpha-light-1: rgba(22, 27, 34, 0.1);
15
- --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, 0.9);
16
- --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, 0.7);
17
- --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, 0.5);
18
- --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, 0.3);
19
- --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, 0.1);
20
- --bui-color-border-default: #30363d;
21
- }
3
+ --bui-color-fg-default: #f0f6fc;
4
+ --bui-color-fg-muted: #8b949e;
5
+ --bui-color-fg-subtle: #484f58;
6
+ --bui-color-fg-disabled: #484f58;
7
+ --bui-color-bg-default: #010409;
8
+ --bui-color-bg-view: #161b22;
9
+ --bui-color-bg-popover: rgba(72, 79, 88, 0.7);
10
+ --bui-color-bg-alpha-light-9: rgba(22, 27, 34, 0.9);
11
+ --bui-color-bg-alpha-light-7: rgba(22, 27, 34, 0.7);
12
+ --bui-color-bg-alpha-light-5: rgba(22, 27, 34, 0.5);
13
+ --bui-color-bg-alpha-light-3: rgba(22, 27, 34, 0.3);
14
+ --bui-color-bg-alpha-light-1: rgba(22, 27, 34, 0.1);
15
+ --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, 0.9);
16
+ --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, 0.7);
17
+ --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, 0.5);
18
+ --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, 0.3);
19
+ --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, 0.1);
20
+ --bui-color-border-default: #30363d;
21
+ }
@@ -1,151 +1,149 @@
1
1
  /** 此文件由脚本自动生成,请勿直接修改,若有变更请维护bui-styles/registry/*.mjs,再执行`pnpm theme:js2less`更新主题 */
2
2
  .default-light() {
3
- --bui-font-family:
4
- 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto, 'Hiragino Sans GB',
5
- 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial, sans-serif;
6
- --bui-color-red: #ff335c;
7
- --bui-color-red-light: #ffebef;
8
- --bui-color-pink: #dd10f2;
9
- --bui-color-pink-light: #fce7fe;
10
- --bui-color-orange: #ff8533;
11
- --bui-color-orange-light: #fff0e5;
12
- --bui-color-yellow: #ff8533;
13
- --bui-color-yellow-light: #fff0e5;
14
- --bui-color-green: #00d68f;
15
- --bui-color-green-light: #dcf9f0;
16
- --bui-color-purple: #8b52ff;
17
- --bui-color-purple-light: #f2ebff;
18
- --bui-color-blue: #148aff;
19
- --bui-color-blue-light: #e1f0ff;
20
- --bui-color-gray: #8896b1;
21
- --bui-color-gray-light: #f7f9fc;
22
- --bui-color-black: #000;
23
- --bui-color-white: #fff;
24
- --bui-color-vip: #ff866e;
25
- --bui-color-vip1: #fec9a3;
26
- --bui-color-vip2: #f44a8b;
27
- --bui-color-vip3: #c46e31;
28
- --bui-color-vip4: #fccfe0;
29
- --bui-color-neutral-0: var(--bui-color-black);
30
- --bui-color-neutral-1: #030b1a;
31
- --bui-color-neutral-2: #444b5b;
32
- --bui-color-neutral-3: #8b93a5;
33
- --bui-color-neutral-4: #bfc4cf;
34
- --bui-color-neutral-5: #e9ebef;
35
- --bui-color-neutral-6: #f7f9fc;
36
- --bui-color-neutral-7: var(--bui-color-white);
37
- --bui-font-weight-normal: 400;
38
- --bui-font-weight-medium: 500;
39
- --bui-font-weight-semibold: 600;
40
- --bui-font-weight-bold: 700;
41
- --bui-color-primary: var(--bui-color-red);
42
- --bui-color-primary-light: var(--bui-color-red-light);
43
- --bui-color-info: var(--bui-color-blue);
44
- --bui-color-info-light: var(--bui-color-blue-light);
45
- --bui-color-success: var(--bui-color-green);
46
- --bui-color-success-light: var(--bui-color-green-light);
47
- --bui-color-warning: var(--bui-color-orange);
48
- --bui-color-warning-light: var(--bui-color-orange-light);
49
- --bui-color-danger: var(--bui-color-red);
50
- --bui-color-danger-light: var(--bui-color-red-light);
51
- --bui-font-size-xs1: 8px;
52
- --bui-font-size-xs2: 9px;
53
- --bui-font-size-sm1: 10px;
54
- --bui-font-size-sm2: 11px;
55
- --bui-font-size-sm3: 12px;
56
- --bui-font-size-sm4: 13px;
57
- --bui-font-size-md1: 14px;
58
- --bui-font-size-md2: 15px;
59
- --bui-font-size-md3: 16px;
60
- --bui-font-size-md4: 18px;
61
- --bui-font-size-lg1: 20px;
62
- --bui-font-size-lg2: 22px;
63
- --bui-font-size-lg3: 24px;
64
- --bui-font-size-lg4: 26px;
65
- --bui-title-size-1: 21px;
66
- --bui-title-size-2: var(--bui-font-size-md4);
67
- --bui-title-size-3: var(--bui-font-size-md3);
68
- --bui-title-size-4: var(--bui-font-size-md2);
69
- --bui-text-size-1: var(--bui-font-size-md1);
70
- --bui-text-size-2: var(--bui-font-size-sm4);
71
- --bui-text-size-3: var(--bui-font-size-sm3);
72
- --bui-text-size-4: var(--bui-font-size-sm2);
73
- --bui-text-size-5: var(--bui-font-size-sm1);
74
- --bui-color-fg-default: var(--bui-color-neutral-1);
75
- --bui-color-fg-muted: var(--bui-color-neutral-2);
76
- --bui-color-fg-subtle: var(--bui-color-neutral-3);
77
- --bui-color-fg-disabled: var(--bui-color-neutral-4);
78
- --bui-color-bg-default: var(--bui-color-neutral-6);
79
- --bui-color-bg-view: var(--bui-color-neutral-7);
80
- --bui-color-bg-popover: var(--bui-color-neutral-7);
81
- --bui-color-bg-alpha-light-9: rgba(255, 255, 255, 0.9);
82
- --bui-color-bg-alpha-light-7: rgba(255, 255, 255, 0.7);
83
- --bui-color-bg-alpha-light-5: rgba(255, 255, 255, 0.5);
84
- --bui-color-bg-alpha-light-3: rgba(255, 255, 255, 0.3);
85
- --bui-color-bg-alpha-light-1: rgba(255, 255, 255, 0.1);
86
- --bui-color-bg-alpha-dark-9: rgba(0, 0, 0, 0.9);
87
- --bui-color-bg-alpha-dark-7: rgba(0, 0, 0, 0.7);
88
- --bui-color-bg-alpha-dark-5: rgba(0, 0, 0, 0.5);
89
- --bui-color-bg-alpha-dark-3: rgba(0, 0, 0, 0.3);
90
- --bui-color-bg-alpha-dark-1: rgba(0, 0, 0, 0.1);
91
- --bui-color-border-default: var(--bui-color-neutral-5);
92
- --bui-color-border-primary: rgba(255, 51, 92, 0.4);
93
- --bui-color-border-info: rgba(20, 138, 255, 0.4);
94
- --bui-color-border-success: rgba(0, 214, 143, 0.4);
95
- --bui-color-border-warning: rgba(255, 133, 51, 0.4);
96
- --bui-color-border-danger: rgba(255, 51, 92, 0.4);
97
- --bui-color-border-gray: rgba(136, 150, 177, 0.4);
98
- --bui-color-primary-start: #ef16b9;
99
- --bui-color-primary-end: var(--bui-color-red);
100
- --bui-color-secondary-start: #f32adf;
101
- --bui-color-secondary-end: var(--bui-color-pink);
102
- --bui-color-info-start: #33a7ff;
103
- --bui-color-info-end: var(--bui-color-blue);
104
- --bui-color-warning-start: #ffad33;
105
- --bui-color-warning-end: var(--bui-color-orange);
106
- --bui-color-success-start: #00ebac;
107
- --bui-color-success-end: var(--bui-color-green);
108
- --bui-color-danger-start: #ef16b9;
109
- --bui-color-danger-end: var(--bui-color-red);
110
- --bui-color-vip-start: #ffd4a6;
111
- --bui-color-vip-end: #ffbeae;
112
- --bui-radius-circular: 10000px;
113
- --bui-radius-8: 24px;
114
- --bui-radius-7: 18px;
115
- --bui-radius-6: 15px;
116
- --bui-radius-5: 12px;
117
- --bui-radius-4: 9px;
118
- --bui-radius-3: 6px;
119
- --bui-radius-2: 4px;
120
- --bui-radius-1: 3px;
121
- --bui-radius-none: 0px;
122
- --bui-shape-radius-popover: var(--bui-radius-7);
123
- --bui-shape-radius-drawer: var(--bui-radius-5);
124
- --bui-shape-radius-card: var(--bui-radius-4);
125
- --bui-shape-radius-default: var(--bui-radius-3);
126
- --bui-shape-radius-poster: var(--bui-radius-2);
127
- --bui-shape-radius-label: var(--bui-radius-1);
128
- --bui-spacing-1: 1px;
129
- --bui-spacing-2: 2px;
130
- --bui-spacing-3: 3px;
131
- --bui-spacing-4: 4px;
132
- --bui-spacing-5: 6px;
133
- --bui-spacing-6: 9px;
134
- --bui-spacing-7: 12px;
135
- --bui-spacing-8: 15px;
136
- --bui-spacing-9: 18px;
137
- --bui-spacing-10: 24px;
138
- --bui-spacing-xl: var(--bui-spacing-8);
139
- --bui-spacing-lg: var(--bui-spacing-7);
140
- --bui-spacing-md: var(--bui-spacing-6);
141
- --bui-spacing-sm: var(--bui-spacing-5);
142
- --bui-spacing-xs: var(--bui-spacing-4);
143
- --bui-line-height: 1.5;
144
- --bui-z-index-dropdown: 1000;
145
- --bui-z-index-affix: 1100;
146
- --bui-z-index-modal-backdrop: 1200;
147
- --bui-z-index-modal: 1200;
148
- --bui-z-index-popover: 1300;
149
- --bui-z-index-tooltip: 1400;
150
- --bui-z-index-toast: 1500;
151
- }
3
+ --bui-font-family: 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto, 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial, sans-serif;
4
+ --bui-color-red: #ff335c;
5
+ --bui-color-red-light: #ffebef;
6
+ --bui-color-pink: #dd10f2;
7
+ --bui-color-pink-light: #fce7fe;
8
+ --bui-color-orange: #ff8533;
9
+ --bui-color-orange-light: #fff0e5;
10
+ --bui-color-yellow: #ff8533;
11
+ --bui-color-yellow-light: #fff0e5;
12
+ --bui-color-green: #00d68f;
13
+ --bui-color-green-light: #dcf9f0;
14
+ --bui-color-purple: #8b52ff;
15
+ --bui-color-purple-light: #f2ebff;
16
+ --bui-color-blue: #148aff;
17
+ --bui-color-blue-light: #e1f0ff;
18
+ --bui-color-gray: #8896b1;
19
+ --bui-color-gray-light: #f7f9fc;
20
+ --bui-color-black: #000;
21
+ --bui-color-white: #fff;
22
+ --bui-color-vip: #ff866e;
23
+ --bui-color-vip1: #fec9a3;
24
+ --bui-color-vip2: #f44a8b;
25
+ --bui-color-vip3: #c46e31;
26
+ --bui-color-vip4: #fccfe0;
27
+ --bui-color-neutral-0: var(--bui-color-black);
28
+ --bui-color-neutral-1: #030b1a;
29
+ --bui-color-neutral-2: #444b5b;
30
+ --bui-color-neutral-3: #8b93a5;
31
+ --bui-color-neutral-4: #bfc4cf;
32
+ --bui-color-neutral-5: #e9ebef;
33
+ --bui-color-neutral-6: #f7f9fc;
34
+ --bui-color-neutral-7: var(--bui-color-white);
35
+ --bui-font-weight-normal: 400;
36
+ --bui-font-weight-medium: 500;
37
+ --bui-font-weight-semibold: 600;
38
+ --bui-font-weight-bold: 700;
39
+ --bui-color-primary: var(--bui-color-red);
40
+ --bui-color-primary-light: var(--bui-color-red-light);
41
+ --bui-color-info: var(--bui-color-blue);
42
+ --bui-color-info-light: var(--bui-color-blue-light);
43
+ --bui-color-success: var(--bui-color-green);
44
+ --bui-color-success-light: var(--bui-color-green-light);
45
+ --bui-color-warning: var(--bui-color-orange);
46
+ --bui-color-warning-light: var(--bui-color-orange-light);
47
+ --bui-color-danger: var(--bui-color-red);
48
+ --bui-color-danger-light: var(--bui-color-red-light);
49
+ --bui-font-size-xs1: 8px;
50
+ --bui-font-size-xs2: 9px;
51
+ --bui-font-size-sm1: 10px;
52
+ --bui-font-size-sm2: 11px;
53
+ --bui-font-size-sm3: 12px;
54
+ --bui-font-size-sm4: 13px;
55
+ --bui-font-size-md1: 14px;
56
+ --bui-font-size-md2: 15px;
57
+ --bui-font-size-md3: 16px;
58
+ --bui-font-size-md4: 18px;
59
+ --bui-font-size-lg1: 20px;
60
+ --bui-font-size-lg2: 22px;
61
+ --bui-font-size-lg3: 24px;
62
+ --bui-font-size-lg4: 26px;
63
+ --bui-title-size-1: 21px;
64
+ --bui-title-size-2: var(--bui-font-size-md4);
65
+ --bui-title-size-3: var(--bui-font-size-md3);
66
+ --bui-title-size-4: var(--bui-font-size-md2);
67
+ --bui-text-size-1: var(--bui-font-size-md1);
68
+ --bui-text-size-2: var(--bui-font-size-sm4);
69
+ --bui-text-size-3: var(--bui-font-size-sm3);
70
+ --bui-text-size-4: var(--bui-font-size-sm2);
71
+ --bui-text-size-5: var(--bui-font-size-sm1);
72
+ --bui-color-fg-default: var(--bui-color-neutral-1);
73
+ --bui-color-fg-muted: var(--bui-color-neutral-2);
74
+ --bui-color-fg-subtle: var(--bui-color-neutral-3);
75
+ --bui-color-fg-disabled: var(--bui-color-neutral-4);
76
+ --bui-color-bg-default: var(--bui-color-neutral-6);
77
+ --bui-color-bg-view: var(--bui-color-neutral-7);
78
+ --bui-color-bg-popover: var(--bui-color-neutral-7);
79
+ --bui-color-bg-alpha-light-9: rgba(255, 255, 255, 0.9);
80
+ --bui-color-bg-alpha-light-7: rgba(255, 255, 255, 0.7);
81
+ --bui-color-bg-alpha-light-5: rgba(255, 255, 255, 0.5);
82
+ --bui-color-bg-alpha-light-3: rgba(255, 255, 255, 0.3);
83
+ --bui-color-bg-alpha-light-1: rgba(255, 255, 255, 0.1);
84
+ --bui-color-bg-alpha-dark-9: rgba(0, 0, 0, 0.9);
85
+ --bui-color-bg-alpha-dark-7: rgba(0, 0, 0, 0.7);
86
+ --bui-color-bg-alpha-dark-5: rgba(0, 0, 0, 0.5);
87
+ --bui-color-bg-alpha-dark-3: rgba(0, 0, 0, 0.3);
88
+ --bui-color-bg-alpha-dark-1: rgba(0, 0, 0, 0.1);
89
+ --bui-color-border-default: var(--bui-color-neutral-5);
90
+ --bui-color-border-primary: rgba(255, 51, 92, 0.4);
91
+ --bui-color-border-info: rgba(20, 138, 255, 0.4);
92
+ --bui-color-border-success: rgba(0, 214, 143, 0.4);
93
+ --bui-color-border-warning: rgba(255, 133, 51, 0.4);
94
+ --bui-color-border-danger: rgba(255, 51, 92, 0.4);
95
+ --bui-color-border-gray: rgba(136, 150, 177, 0.4);
96
+ --bui-color-primary-start: #ef16b9;
97
+ --bui-color-primary-end: var(--bui-color-red);
98
+ --bui-color-secondary-start: #f32adf;
99
+ --bui-color-secondary-end: var(--bui-color-pink);
100
+ --bui-color-info-start: #33a7ff;
101
+ --bui-color-info-end: var(--bui-color-blue);
102
+ --bui-color-warning-start: #ffad33;
103
+ --bui-color-warning-end: var(--bui-color-orange);
104
+ --bui-color-success-start: #00ebac;
105
+ --bui-color-success-end: var(--bui-color-green);
106
+ --bui-color-danger-start: #ef16b9;
107
+ --bui-color-danger-end: var(--bui-color-red);
108
+ --bui-color-vip-start: #ffd4a6;
109
+ --bui-color-vip-end: #ffbeae;
110
+ --bui-radius-circular: 10000px;
111
+ --bui-radius-8: 24px;
112
+ --bui-radius-7: 18px;
113
+ --bui-radius-6: 15px;
114
+ --bui-radius-5: 12px;
115
+ --bui-radius-4: 9px;
116
+ --bui-radius-3: 6px;
117
+ --bui-radius-2: 4px;
118
+ --bui-radius-1: 3px;
119
+ --bui-radius-none: 0px;
120
+ --bui-shape-radius-popover: var(--bui-radius-7);
121
+ --bui-shape-radius-drawer: var(--bui-radius-5);
122
+ --bui-shape-radius-card: var(--bui-radius-4);
123
+ --bui-shape-radius-default: var(--bui-radius-3);
124
+ --bui-shape-radius-poster: var(--bui-radius-2);
125
+ --bui-shape-radius-label: var(--bui-radius-1);
126
+ --bui-spacing-1: 1px;
127
+ --bui-spacing-2: 2px;
128
+ --bui-spacing-3: 3px;
129
+ --bui-spacing-4: 4px;
130
+ --bui-spacing-5: 6px;
131
+ --bui-spacing-6: 9px;
132
+ --bui-spacing-7: 12px;
133
+ --bui-spacing-8: 15px;
134
+ --bui-spacing-9: 18px;
135
+ --bui-spacing-10: 24px;
136
+ --bui-spacing-xl: var(--bui-spacing-8);
137
+ --bui-spacing-lg: var(--bui-spacing-7);
138
+ --bui-spacing-md: var(--bui-spacing-6);
139
+ --bui-spacing-sm: var(--bui-spacing-5);
140
+ --bui-spacing-xs: var(--bui-spacing-4);
141
+ --bui-line-height: 1.5;
142
+ --bui-z-index-dropdown: 1000;
143
+ --bui-z-index-affix: 1100;
144
+ --bui-z-index-modal-backdrop: 1200;
145
+ --bui-z-index-modal: 1200;
146
+ --bui-z-index-popover: 1300;
147
+ --bui-z-index-tooltip: 1400;
148
+ --bui-z-index-toast: 1500;
149
+ }
@@ -1,39 +1,39 @@
1
1
  /** 此文件由脚本自动生成,请勿直接修改,若有变更请维护bui-styles/registry/*.mjs,再执行`pnpm theme:js2less`更新主题 */
2
2
  .dm-light() {
3
- --bui-color-red: #ff3299;
4
- --bui-color-red-light: #ffeaf5;
5
- --bui-color-red-dark: #e62d8a;
6
- --bui-color-yellow: #ffaf00;
7
- --bui-color-yellow-light: #fff7e5;
8
- --bui-color-yellow-dark: #e59d00;
9
- --bui-color-lemonyellow: #fff36f;
10
- --bui-color-lemonyellow-light: #ffffeb;
11
- --bui-color-lemonyellow-dark: #b3a13d;
12
- --bui-color-green: #0cdc87;
13
- --bui-color-green-light: #e6fbf3;
14
- --bui-color-green-dark: #0bc679;
15
- --bui-color-purple: #754dff;
16
- --bui-color-purple-light: #f6f0ff;
17
- --bui-color-purple-dark: #3924b3;
18
- --bui-color-blue: #30aeff;
19
- --bui-color-blue-light: #eaf7ff;
20
- --bui-color-blue-dark: #2b9ce5;
21
- --bui-color-aiblue: #5cfffa;
22
- --bui-color-aiblue-light: #f0fffc;
23
- --bui-color-aiblue-dark: #00898e;
24
- --bui-color-primary-start: var(--bui-color-red);
25
- --bui-color-primary-end: #ff4a72;
26
- --bui-color-info-start: #51bbff;
27
- --bui-color-info-end: var(--bui-color-blue);
28
- --bui-color-warning-start: #ffc341;
29
- --bui-color-warning-end: var(--bui-color-yellow);
30
- --bui-color-success-start: var(--bui-color-green);
31
- --bui-color-success-end: #00c474;
32
- --bui-color-danger-start: var(--bui-color-red);
33
- --bui-color-danger-end: #ff4a72;
34
- --bui-color-border-primary: rgba(255, 50, 153, 0.4);
35
- --bui-color-border-info: rgba(48, 174, 255, 0.4);
36
- --bui-color-border-success: rgba(12, 220, 135, 0.4);
37
- --bui-color-border-warning: rgba(255, 175, 0, 0.4);
38
- --bui-color-border-danger: rgba(255, 50, 153, 0.4);
39
- }
3
+ --bui-color-red: #ff3299;
4
+ --bui-color-red-light: #ffeaf5;
5
+ --bui-color-red-dark: #e62d8a;
6
+ --bui-color-yellow: #ffaf00;
7
+ --bui-color-yellow-light: #fff7e5;
8
+ --bui-color-yellow-dark: #e59d00;
9
+ --bui-color-lemonyellow: #fff36f;
10
+ --bui-color-lemonyellow-light: #ffffeb;
11
+ --bui-color-lemonyellow-dark: #b3a13d;
12
+ --bui-color-green: #0cdc87;
13
+ --bui-color-green-light: #e6fbf3;
14
+ --bui-color-green-dark: #0bc679;
15
+ --bui-color-purple: #754dff;
16
+ --bui-color-purple-light: #f6f0ff;
17
+ --bui-color-purple-dark: #3924b3;
18
+ --bui-color-blue: #30aeff;
19
+ --bui-color-blue-light: #eaf7ff;
20
+ --bui-color-blue-dark: #2b9ce5;
21
+ --bui-color-aiblue: #5cfffa;
22
+ --bui-color-aiblue-light: #f0fffc;
23
+ --bui-color-aiblue-dark: #00898e;
24
+ --bui-color-primary-start: var(--bui-color-red);
25
+ --bui-color-primary-end: #ff4a72;
26
+ --bui-color-info-start: #51bbff;
27
+ --bui-color-info-end: var(--bui-color-blue);
28
+ --bui-color-warning-start: #ffc341;
29
+ --bui-color-warning-end: var(--bui-color-yellow);
30
+ --bui-color-success-start: var(--bui-color-green);
31
+ --bui-color-success-end: #00c474;
32
+ --bui-color-danger-start: var(--bui-color-red);
33
+ --bui-color-danger-end: #ff4a72;
34
+ --bui-color-border-primary: rgba(255, 50, 153, 0.4);
35
+ --bui-color-border-info: rgba(48, 174, 255, 0.4);
36
+ --bui-color-border-success: rgba(12, 220, 135, 0.4);
37
+ --bui-color-border-warning: rgba(255, 175, 0, 0.4);
38
+ --bui-color-border-danger: rgba(255, 50, 153, 0.4);
39
+ }
@@ -1,80 +1,75 @@
1
1
  /** 此文件由脚本自动生成,请勿直接修改,若有变更请维护bui-styles/registry/*.mjs,再执行`pnpm theme:js2less`更新主题 */
2
2
  .pioneer-light() {
3
- --bui-font-family-accent:
4
- 'AlibabaPuHuiTi-Heavy', 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto,
5
- 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial,
6
- sans-serif;
7
- --bui-color-red: #ff471a;
8
- --bui-color-red-light: #ffefe6;
9
- --bui-color-red-dark: #b31800;
10
- --bui-color-orange: #ff5000;
11
- --bui-color-orange-light: #ffede5;
12
- --bui-color-orange-dark: #d93d00;
13
- --bui-color-yellow: #ffa608;
14
- --bui-color-yellow-light: #fffae6;
15
- --bui-color-yellow-dark: #b36500;
16
- --bui-color-lemonyellow: #fff36f;
17
- --bui-color-lemonyellow-light: #ffffeb;
18
- --bui-color-lemonyellow-dark: #b3a13d;
19
- --bui-color-green: #40bf00;
20
- --bui-color-green-light: #f2ffe6;
21
- --bui-color-green-dark: #1f7300;
22
- --bui-color-purple: #754dff;
23
- --bui-color-purple-light: #f6f0ff;
24
- --bui-color-purple-dark: #3924b3;
25
- --bui-color-blue: #229af0;
26
- --bui-color-blue-light: #f0fbff;
27
- --bui-color-blue-dark: #0757a3;
28
- --bui-color-aiblue: #5cfffa;
29
- --bui-color-aiblue-light: #f0fffc;
30
- --bui-color-aiblue-dark: #00898e;
31
- --bui-color-primary: var(--bui-color-orange);
32
- --bui-color-primary-light: var(--bui-color-orange-light);
33
- --bui-color-primary-dark: var(--bui-color-orange-dark);
34
- --bui-color-warning: var(--bui-color-yellow);
35
- --bui-color-warning-light: var(--bui-color-yellow-light);
36
- --bui-color-warning-dark: var(--bui-color-yellow-dark);
37
- --bui-title-size-4: var(--bui-font-size-md1);
38
- --bui-color-fg-disabled: rgba(3, 11, 26, 0.5);
39
- --bui-color-border-primary: rgba(255, 80, 0, 0.4);
40
- --bui-color-border-info: rgba(34, 154, 240, 0.4);
41
- --bui-color-border-success: rgba(64, 191, 0, 0.4);
42
- --bui-color-border-warning: rgba(255, 166, 8, 0.4);
43
- --bui-color-border-danger: rgba(255, 71, 26, 0.4);
44
- --bui-color-primary-start: #ff8500;
45
- --bui-color-primary-end: var(--bui-color-primary);
46
- --bui-color-info-start: #5bc8ff;
47
- --bui-color-info-end: var(--bui-color-info);
48
- --bui-color-warning-start: #fc3;
49
- --bui-color-warning-end: var(--bui-color-warning);
50
- --bui-color-success-start: #66d933;
51
- --bui-color-success-end: var(--bui-color-success);
52
- --bui-color-danger-start: #ff7633;
53
- --bui-color-danger-end: var(--bui-color-danger);
54
- --bui-shape-radius-drawer: var(--bui-radius-6);
55
- --bui-shape-radius-card: var(--bui-radius-5);
56
- --bui-shape-radius-default: var(--bui-radius-4);
57
- --bui-btn-small-height: 21px;
58
- --bui-btn-full-height: 45px;
59
- --bui-btn-large-height: 45px;
60
- --bui-btn-full-font-size: var(--bui-title-size-3);
61
- --bui-btn-large-font-size: var(--bui-title-size-3);
62
- --bui-btn-full-font-family: var(--bui-font-family-accent);
63
- --bui-btn-small-border-radius: var(--bui-radius-3);
64
- --bui-btn-border-radius: var(--bui-radius-4);
65
- --bui-btn-large-border-radius: var(--bui-radius-5);
66
- --bui-btn-full-border-radius: var(--bui-radius-5);
67
- --bui-card-header-title-font-size: var(--bui-title-size-3);
68
- --bui-tab-font-size: var(--bui-title-size-4);
69
- --bui-tab-color: var(--bui-color-fg-muted);
70
-
71
- /* prettier-ignore */
72
- --bui-tabs-indicator-height: 4PX;
73
- --bui-tabs-indicator-border-radius: 2px;
74
- --bui-tabs-indicator-box-shadow: 0 2px 4px 0 rgba(255, 98, 0, 0.2);
75
- --bui-tabs-indicator-bg: linear-gradient(
76
- 90deg,
77
- var(--bui-color-primary-start) 0%,
78
- var(--bui-color-primary-end) 100%
79
- );
80
- }
3
+ --bui-font-family-accent: 'AlibabaPuHuiTi-Heavy', 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto, 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial, sans-serif;
4
+ --bui-color-red: #ff471a;
5
+ --bui-color-red-light: #ffefe6;
6
+ --bui-color-red-dark: #b31800;
7
+ --bui-color-orange: #ff5000;
8
+ --bui-color-orange-light: #ffede5;
9
+ --bui-color-orange-dark: #d93d00;
10
+ --bui-color-yellow: #ffa608;
11
+ --bui-color-yellow-light: #fffae6;
12
+ --bui-color-yellow-dark: #b36500;
13
+ --bui-color-lemonyellow: #fff36f;
14
+ --bui-color-lemonyellow-light: #ffffeb;
15
+ --bui-color-lemonyellow-dark: #b3a13d;
16
+ --bui-color-green: #40bf00;
17
+ --bui-color-green-light: #f2ffe6;
18
+ --bui-color-green-dark: #1f7300;
19
+ --bui-color-purple: #754dff;
20
+ --bui-color-purple-light: #f6f0ff;
21
+ --bui-color-purple-dark: #3924b3;
22
+ --bui-color-blue: #229af0;
23
+ --bui-color-blue-light: #f0fbff;
24
+ --bui-color-blue-dark: #0757a3;
25
+ --bui-color-aiblue: #5cfffa;
26
+ --bui-color-aiblue-light: #f0fffc;
27
+ --bui-color-aiblue-dark: #00898e;
28
+ --bui-color-primary: var(--bui-color-orange);
29
+ --bui-color-primary-light: var(--bui-color-orange-light);
30
+ --bui-color-primary-dark: var(--bui-color-orange-dark);
31
+ --bui-color-warning: var(--bui-color-yellow);
32
+ --bui-color-warning-light: var(--bui-color-yellow-light);
33
+ --bui-color-warning-dark: var(--bui-color-yellow-dark);
34
+ --bui-title-size-4: var(--bui-font-size-md1);
35
+ --bui-color-fg-disabled: rgba(3, 11, 26, 0.5);
36
+ --bui-color-border-primary: rgba(255, 80, 0, 0.4);
37
+ --bui-color-border-info: rgba(34, 154, 240, 0.4);
38
+ --bui-color-border-success: rgba(64, 191, 0, 0.4);
39
+ --bui-color-border-warning: rgba(255, 166, 8, 0.4);
40
+ --bui-color-border-danger: rgba(255, 71, 26, 0.4);
41
+ --bui-color-primary-start: #ff8500;
42
+ --bui-color-primary-end: var(--bui-color-primary);
43
+ --bui-color-info-start: #5bc8ff;
44
+ --bui-color-info-end: var(--bui-color-info);
45
+ --bui-color-warning-start: #fc3;
46
+ --bui-color-warning-end: var(--bui-color-warning);
47
+ --bui-color-success-start: #66d933;
48
+ --bui-color-success-end: var(--bui-color-success);
49
+ --bui-color-danger-start: #ff7633;
50
+ --bui-color-danger-end: var(--bui-color-danger);
51
+ --bui-shape-radius-drawer: var(--bui-radius-6);
52
+ --bui-shape-radius-card: var(--bui-radius-5);
53
+ --bui-shape-radius-default: var(--bui-radius-4);
54
+ --bui-btn-small-height: 21px;
55
+ --bui-btn-full-height: 45px;
56
+ --bui-btn-large-height: 45px;
57
+ --bui-btn-full-font-size: var(--bui-title-size-3);
58
+ --bui-btn-large-font-size: var(--bui-title-size-3);
59
+ --bui-btn-full-font-family: var(--bui-font-family-accent);
60
+ --bui-btn-small-border-radius: var(--bui-radius-3);
61
+ --bui-btn-border-radius: var(--bui-radius-4);
62
+ --bui-btn-large-border-radius: var(--bui-radius-5);
63
+ --bui-btn-full-border-radius: var(--bui-radius-5);
64
+ --bui-card-header-title-font-size: var(--bui-title-size-3);
65
+ --bui-tab-font-size: var(--bui-title-size-4);
66
+ --bui-tab-color: var(--bui-color-fg-muted);
67
+ /* prettier-ignore */
68
+ --bui-tabs-indicator-height: 6PX;
69
+ --bui-tabs-indicator-border-radius: 2px;
70
+ --bui-tabs-indicator-width: 27px;
71
+ --bui-tabs-indicator-box-shadow: 0 2px 4px 0 rgba(255, 98, 0, 0.2);
72
+ --bui-tabs-indicator-bg: linear-gradient(90deg,var(--bui-color-primary-start) 0%,var(--bui-color-primary-end) 100%);
73
+ --bui-calendar-middle-bg-color: var(--bui-color-primary-light);
74
+ --bui-calendar-range-both-ends-bg-color: #ffb999;
75
+ }