@bifrostui/styles 2.0.0-alpha.1 → 2.0.0-alpha.11

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 (10) hide show
  1. package/dist/index.css +20 -23
  2. package/package.json +1 -1
  3. package/registry/dm-light.mjs +2 -2
  4. package/registry/pioneer-light.mjs +24 -10
  5. package/themes/default-dark.less +19 -19
  6. package/themes/default-light.less +147 -149
  7. package/themes/dm-light.less +37 -37
  8. package/themes/index.less +0 -1
  9. package/themes/pioneer-light.less +73 -68
  10. package/themes/pioneer-light-components.less +0 -51
package/dist/index.css CHANGED
@@ -4,18 +4,6 @@
4
4
  /** 此文件由脚本自动生成，请勿直接修改，若有变更请维护bui-styles/registry/*.mjs，再执行`pnpm theme:js2less`更新主题 */
5
5
  /** 此文件由脚本自动生成，请勿直接修改，若有变更请维护bui-styles/registry/*.mjs，再执行`pnpm theme:js2less`更新主题 */
6
6
  /** 此文件由脚本自动生成，请勿直接修改，若有变更请维护bui-styles/registry/*.mjs，再执行`pnpm theme:js2less`更新主题 */
7
- .bui-pioneer-light .bui-btn.bui-btn-contained.bui-btn-primary.bui-btn-large,
8
- [data-color-mode][data-theme='pioneer'] .bui-btn.bui-btn-contained.bui-btn-primary.bui-btn-large {
9
- background-image: radial-gradient(35px 25px ellipse at 2% 110%, #fffe1e 0%, rgba(251, 134, 35, 0) 99%), radial-gradient(35px 25px ellipse at 110% 120%, #ff3018 0%, rgba(0, 48, 24, 0) 92%), linear-gradient(90deg, #fc8622 0%, #ff5000 100%);
10
- }
11
- .bui-pioneer-light .bui-btn.bui-btn-contained.bui-btn-primary.bui-btn-full,
12
- [data-color-mode][data-theme='pioneer'] .bui-btn.bui-btn-contained.bui-btn-primary.bui-btn-full {
13
- background-image: radial-gradient(93px 50px ellipse at 2% 110%, #fffe1e 0%, rgba(251, 134, 35, 0) 100%), radial-gradient(93px 50px ellipse at 98% 110%, #ff3018 0%, rgba(0, 48, 24, 0) 92%), linear-gradient(90deg, #fc8622 0%, #ff5000 100%);
14
- }
15
- .bui-pioneer-light .bui-tabs .bui-tabs-indicator,
16
- [data-color-mode][data-theme='pioneer'] .bui-tabs .bui-tabs-indicator {
17
- background-image: linear-gradient(90deg, #ff9b00 0%, #ffa700 21%, #ff8300 100%);
18
- }
19
7
  /* 经典 */
20
8
  :root,
21
9
  page,
@@ -192,7 +180,7 @@ xhs-page,
192
180
  --bui-color-blue-dark: #2b9ce5;
193
181
  --bui-color-aiblue: #5cfffa;
194
182
  --bui-color-aiblue-light: #f0fffc;
195
- --bui-color-aiblue-dark: #1d858c;
183
+ --bui-color-aiblue-dark: #00898e;
196
184
  --bui-color-primary-start: var(--bui-color-red);
197
185
  --bui-color-primary-end: #ff4a72;
198
186
  --bui-color-info-start: #51bbff;
@@ -236,18 +224,21 @@ xhs-page,
236
224
  --bui-color-blue-dark: #0757a3;
237
225
  --bui-color-aiblue: #5cfffa;
238
226
  --bui-color-aiblue-light: #f0fffc;
239
- --bui-color-aiblue-dark: #1d858c;
227
+ --bui-color-aiblue-dark: #00898e;
240
228
  --bui-color-primary: var(--bui-color-orange);
241
229
  --bui-color-primary-light: var(--bui-color-orange-light);
242
230
  --bui-color-primary-dark: var(--bui-color-orange-dark);
231
+ --bui-color-warning: var(--bui-color-yellow);
232
+ --bui-color-warning-light: var(--bui-color-yellow-light);
233
+ --bui-color-warning-dark: var(--bui-color-yellow-dark);
243
234
  --bui-title-size-4: var(--bui-font-size-md1);
244
235
  --bui-color-fg-disabled: rgba(3, 11, 26, 0.5);
245
236
  --bui-color-border-primary: rgba(255, 80, 0, 0.4);
246
237
  --bui-color-border-info: rgba(34, 154, 240, 0.4);
247
238
  --bui-color-border-success: rgba(64, 191, 0, 0.4);
248
- --bui-color-border-warning: rgba(255, 80, 0, 0.4);
239
+ --bui-color-border-warning: rgba(255, 166, 8, 0.4);
249
240
  --bui-color-border-danger: rgba(255, 71, 26, 0.4);
250
- --bui-color-primary-start: #ffb300;
241
+ --bui-color-primary-start: #ff8500;
251
242
  --bui-color-primary-end: var(--bui-color-primary);
252
243
  --bui-color-info-start: #5bc8ff;
253
244
  --bui-color-info-end: var(--bui-color-info);
@@ -260,21 +251,27 @@ xhs-page,
260
251
  --bui-shape-radius-drawer: var(--bui-radius-6);
261
252
  --bui-shape-radius-card: var(--bui-radius-5);
262
253
  --bui-shape-radius-default: var(--bui-radius-4);
254
+ --bui-btn-small-height: 21px;
263
255
  --bui-btn-full-height: 45px;
264
- --bui-btn-large-height: 30px;
265
- --bui-btn-full-font-size: 18px;
256
+ --bui-btn-large-height: 45px;
257
+ --bui-btn-full-font-size: var(--bui-title-size-3);
258
+ --bui-btn-large-font-size: var(--bui-title-size-3);
266
259
  --bui-btn-full-font-family: var(--bui-font-family-accent);
267
- --bui-btn-small-border-radius: 6px;
268
- --bui-btn-border-radius: 6px;
269
- --bui-btn-large-border-radius: 7px;
270
- --bui-btn-full-border-radius: 14px;
260
+ --bui-btn-small-border-radius: var(--bui-radius-3);
261
+ --bui-btn-border-radius: var(--bui-radius-4);
262
+ --bui-btn-large-border-radius: var(--bui-radius-5);
263
+ --bui-btn-full-border-radius: var(--bui-radius-5);
271
264
  --bui-card-header-title-font-size: var(--bui-title-size-3);
272
265
  --bui-tab-font-size: var(--bui-title-size-4);
273
266
  --bui-tab-color: var(--bui-color-fg-muted);
274
267
  /* prettier-ignore */
275
- --bui-tabs-indicator-height: 4PX;
268
+ --bui-tabs-indicator-height: 6PX;
276
269
  --bui-tabs-indicator-border-radius: 2px;
270
+ --bui-tabs-indicator-width: 27px;
277
271
  --bui-tabs-indicator-box-shadow: 0 2px 4px 0 rgba(255, 98, 0, 0.2);
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;
278
275
  }
279
276
  /** 暗黑模式 */
280
277
  .bui-dark,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bifrostui/styles",
3
- "version": "2.0.0-alpha.1",
3
+ "version": "2.0.0-alpha.11",
4
4
  "main": "dist/index.css",
5
5
  "description": "Common style definitions for BUI React components",
6
6
  "homepage": "http://bui.taopiaopiao.com",
package/registry/dm-light.mjs CHANGED
@@ -36,7 +36,7 @@ export const dmLight = {
36
36
  /** 智能蓝 */
37
37
  '--bui-color-aiblue': '#5cfffa',
38
38
  '--bui-color-aiblue-light': '#f0fffc',
39
- '--bui-color-aiblue-dark': '#1d858c',
39
+ '--bui-color-aiblue-dark': '#00898e',
40
40
 
41
41
  /** 主题色渐变 */
42
42
  '--bui-color-primary-start': 'var(--bui-color-red)',
@@ -57,4 +57,4 @@ export const dmLight = {
57
57
  '--bui-color-border-warning': 'rgba(255, 175, 0, 0.4)',
58
58
  '--bui-color-border-danger': 'rgba(255, 50, 153, 0.4)',
59
59
  },
60
- };
60
+ };
package/registry/pioneer-light.mjs CHANGED
@@ -45,13 +45,18 @@ export const pioneerLight = {
45
45
  /** 智能蓝 */
46
46
  '--bui-color-aiblue': '#5cfffa',
47
47
  '--bui-color-aiblue-light': '#f0fffc',
48
- '--bui-color-aiblue-dark': '#1d858c',
48
+ '--bui-color-aiblue-dark': '#00898e',
49
49
 
50
50
  /** 主题 */
51
51
  '--bui-color-primary': 'var(--bui-color-orange)',
52
52
  '--bui-color-primary-light': 'var(--bui-color-orange-light)',
53
53
  '--bui-color-primary-dark': 'var(--bui-color-orange-dark)',
54
54
 
55
+ /** 警告 */
56
+ '--bui-color-warning': 'var(--bui-color-yellow)',
57
+ '--bui-color-warning-light': 'var(--bui-color-yellow-light)',
58
+ '--bui-color-warning-dark': 'var(--bui-color-yellow-dark)',
59
+
55
60
  /** 语义化字号 */
56
61
  '--bui-title-size-4': 'var(--bui-font-size-md1)',
57
62
 
@@ -62,11 +67,11 @@ export const pioneerLight = {
62
67
  '--bui-color-border-primary': 'rgba(255, 80, 0, 0.4)',
63
68
  '--bui-color-border-info': 'rgba(34, 154, 240, 0.4)',
64
69
  '--bui-color-border-success': 'rgba(64, 191, 0, 0.4)',
65
- '--bui-color-border-warning': 'rgba(255, 80, 0, 0.4)',
70
+ '--bui-color-border-warning': 'rgba(255, 166, 8, 0.4)',
66
71
  '--bui-color-border-danger': 'rgba(255, 71, 26, 0.4)',
67
72
 
68
73
  /** 主题色渐变 */
69
- '--bui-color-primary-start': '#ffb300',
74
+ '--bui-color-primary-start': '#ff8500',
70
75
  '--bui-color-primary-end': 'var(--bui-color-primary)',
71
76
  '--bui-color-info-start': '#5bc8ff',
72
77
  '--bui-color-info-end': 'var(--bui-color-info)',
@@ -85,14 +90,16 @@ export const pioneerLight = {
85
90
  '--bui-shape-radius-default': 'var(--bui-radius-4)',
86
91
 
87
92
  // Button
93
+ '--bui-btn-small-height': '21px',
88
94
  '--bui-btn-full-height': '45px',
89
- '--bui-btn-large-height': '30px',
90
- '--bui-btn-full-font-size': '18px',
95
+ '--bui-btn-large-height': '45px',
96
+ '--bui-btn-full-font-size': 'var(--bui-title-size-3)',
97
+ '--bui-btn-large-font-size': 'var(--bui-title-size-3)',
91
98
  '--bui-btn-full-font-family': 'var(--bui-font-family-accent)',
92
- '--bui-btn-small-border-radius': '6px',
93
- '--bui-btn-border-radius': '6px',
94
- '--bui-btn-large-border-radius': '7px',
95
- '--bui-btn-full-border-radius': '14px',
99
+ '--bui-btn-small-border-radius': 'var(--bui-radius-3)',
100
+ '--bui-btn-border-radius': 'var(--bui-radius-4)',
101
+ '--bui-btn-large-border-radius': 'var(--bui-radius-5)',
102
+ '--bui-btn-full-border-radius': 'var(--bui-radius-5)',
96
103
 
97
104
  // Card
98
105
  '--bui-card-header-title-font-size': 'var(--bui-title-size-3)',
@@ -100,8 +107,15 @@ export const pioneerLight = {
100
107
  // Tabs
101
108
  '--bui-tab-font-size': 'var(--bui-title-size-4)',
102
109
  '--bui-tab-color': 'var(--bui-color-fg-muted)',
103
- '--bui-tabs-indicator-height': '4PX',
110
+ '--bui-tabs-indicator-height': '6PX',
104
111
  '--bui-tabs-indicator-border-radius': '2px',
112
+ '--bui-tabs-indicator-width': '27px',
105
113
  '--bui-tabs-indicator-box-shadow': '0 2px 4px 0 rgba(255, 98, 0, 0.2)',
114
+ '--bui-tabs-indicator-bg':
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',
106
120
  },
107
121
  };
package/themes/default-dark.less CHANGED
@@ -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
+ }
package/themes/default-light.less CHANGED
@@ -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
+ }
package/themes/dm-light.less CHANGED
@@ -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: #1d858c;
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
+ }
package/themes/index.less CHANGED
@@ -3,4 +3,3 @@
3
3
  @import './default-dark.less';
4
4
  @import './dm-light.less';
5
5
  @import './pioneer-light.less';
6
- @import './pioneer-light-components.less';
package/themes/pioneer-light.less CHANGED
@@ -1,70 +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: #1d858c;
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-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, 80, 0, 0.4);
40
- --bui-color-border-danger: rgba(255, 71, 26, 0.4);
41
- --bui-color-primary-start: #ffb300;
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-full-height: 45px;
55
- --bui-btn-large-height: 30px;
56
- --bui-btn-full-font-size: 18px;
57
- --bui-btn-full-font-family: var(--bui-font-family-accent);
58
- --bui-btn-small-border-radius: 6px;
59
- --bui-btn-border-radius: 6px;
60
- --bui-btn-large-border-radius: 7px;
61
- --bui-btn-full-border-radius: 14px;
62
- --bui-card-header-title-font-size: var(--bui-title-size-3);
63
- --bui-tab-font-size: var(--bui-title-size-4);
64
- --bui-tab-color: var(--bui-color-fg-muted);
65
-
66
- /* prettier-ignore */
67
- --bui-tabs-indicator-height: 4PX;
68
- --bui-tabs-indicator-border-radius: 2px;
69
- --bui-tabs-indicator-box-shadow: 0 2px 4px 0 rgba(255, 98, 0, 0.2);
70
- }
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
+ }
package/themes/pioneer-light-components.less DELETED
@@ -1,51 +0,0 @@
1
- // 无法用css variables实现的先锋版高亮主题色
2
- @import '../mixins/variables.less';
3
-
4
- @{theme-selector-pioneer-light} {
5
- .bui-btn {
6
- &.bui-btn-contained {
7
- &.bui-btn-primary {
8
- &.bui-btn-large {
9
- background-image:
10
- radial-gradient(
11
- 35px 25px ellipse at 2% 110%,
12
- #fffe1e 0%,
13
- rgba(251, 134, 35, 0) 99%
14
- ),
15
- radial-gradient(
16
- 35px 25px ellipse at 110% 120%,
17
- #ff3018 0%,
18
- rgba(0, 48, 24, 0) 92%
19
- ),
20
- linear-gradient(90deg, #fc8622 0%, #ff5000 100%);
21
- }
22
-
23
- &.bui-btn-full {
24
- background-image:
25
- radial-gradient(
26
- 93px 50px ellipse at 2% 110%,
27
- #fffe1e 0%,
28
- rgba(251, 134, 35, 0) 100%
29
- ),
30
- radial-gradient(
31
- 93px 50px ellipse at 98% 110%,
32
- #ff3018 0%,
33
- rgba(0, 48, 24, 0) 92%
34
- ),
35
- linear-gradient(90deg, #fc8622 0%, #ff5000 100%);
36
- }
37
- }
38
- }
39
- }
40
-
41
- .bui-tabs {
42
- .bui-tabs-indicator {
43
- background-image: linear-gradient(
44
- 90deg,
45
- #ff9b00 0%,
46
- #ffa700 21%,
47
- #ff8300 100%
48
- );
49
- }
50
- }
51
- }