@bifrostui/styles 1.3.1-beta.0 → 1.3.2

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 (5) hide show
  1. package/dist/index.css +12 -66
  2. package/package.json +1 -1
  3. package/theme/default-dark.less +2 -11
  4. package/theme/default-light.less +2 -11
  5. package/theme/dm-dark.less +2 -11
package/dist/index.css CHANGED
@@ -31,17 +31,8 @@
31
31
  --bui-color-fg-disabled: #484f58;
32
32
  --bui-color-bg-default: #010409;
33
33
  --bui-color-bg-view: #161b22;
34
- --bui-color-bg-popover: rgba(72, 79, 88, 0.7);
35
- --bui-color-bg-alpha-light-9: rgba(22, 27, 34, 0.9);
36
- --bui-color-bg-alpha-light-7: rgba(22, 27, 34, 0.7);
37
- --bui-color-bg-alpha-light-5: rgba(22, 27, 34, 0.5);
38
- --bui-color-bg-alpha-light-3: rgba(22, 27, 34, 0.3);
39
- --bui-color-bg-alpha-light-1: rgba(22, 27, 34, 0.1);
40
- --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, 0.9);
41
- --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, 0.7);
42
- --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, 0.5);
43
- --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, 0.3);
44
- --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, 0.1);
34
+ --bui-color-bg-view-opacity-9: rgba(22, 27, 34, 0.9);
35
+ --bui-color-bg-view-opacity-4: rgba(22, 27, 34, 0.4);
45
36
  --bui-color-border-default: #30363d;
46
37
  }
47
38
  }
@@ -115,17 +106,8 @@ xhs-page,
115
106
  --bui-color-fg-disabled: var(--bui-color-neutral-4);
116
107
  --bui-color-bg-default: var(--bui-color-neutral-6);
117
108
  --bui-color-bg-view: var(--bui-color-neutral-7);
118
- --bui-color-bg-popover: var(--bui-color-neutral-7);
119
- --bui-color-bg-alpha-light-9: rgba(255, 255, 255, 0.9);
120
- --bui-color-bg-alpha-light-7: rgba(255, 255, 255, 0.7);
121
- --bui-color-bg-alpha-light-5: rgba(255, 255, 255, 0.5);
122
- --bui-color-bg-alpha-light-3: rgba(255, 255, 255, 0.3);
123
- --bui-color-bg-alpha-light-1: rgba(255, 255, 255, 0.1);
124
- --bui-color-bg-alpha-dark-9: rgba(0, 0, 0, 0.9);
125
- --bui-color-bg-alpha-dark-7: rgba(0, 0, 0, 0.7);
126
- --bui-color-bg-alpha-dark-5: rgba(0, 0, 0, 0.5);
127
- --bui-color-bg-alpha-dark-3: rgba(0, 0, 0, 0.3);
128
- --bui-color-bg-alpha-dark-1: rgba(0, 0, 0, 0.1);
109
+ --bui-color-bg-view-opacity-9: rgba(255, 255, 255, 0.9);
110
+ --bui-color-bg-view-opacity-4: rgba(255, 255, 255, 0.4);
129
111
  --bui-color-border-default: var(--bui-color-neutral-5);
130
112
  --bui-color-border-primary: rgba(255, 51, 92, 0.4);
131
113
  --bui-color-border-info: rgba(20, 138, 255, 0.4);
@@ -178,17 +160,8 @@ xhs-page,
178
160
  --bui-color-fg-disabled: #484f58;
179
161
  --bui-color-bg-default: #010409;
180
162
  --bui-color-bg-view: #161b22;
181
- --bui-color-bg-popover: rgba(72, 79, 88, 0.7);
182
- --bui-color-bg-alpha-light-9: rgba(22, 27, 34, 0.9);
183
- --bui-color-bg-alpha-light-7: rgba(22, 27, 34, 0.7);
184
- --bui-color-bg-alpha-light-5: rgba(22, 27, 34, 0.5);
185
- --bui-color-bg-alpha-light-3: rgba(22, 27, 34, 0.3);
186
- --bui-color-bg-alpha-light-1: rgba(22, 27, 34, 0.1);
187
- --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, 0.9);
188
- --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, 0.7);
189
- --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, 0.5);
190
- --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, 0.3);
191
- --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, 0.1);
163
+ --bui-color-bg-view-opacity-9: rgba(22, 27, 34, 0.9);
164
+ --bui-color-bg-view-opacity-4: rgba(22, 27, 34, 0.4);
192
165
  --bui-color-border-default: #30363d;
193
166
  }
194
167
  /** 大麦主题 */
@@ -224,17 +197,8 @@ xhs-page,
224
197
  --bui-color-fg-disabled: #484f58;
225
198
  --bui-color-bg-default: #010409;
226
199
  --bui-color-bg-view: #161b22;
227
- --bui-color-bg-popover: rgba(72, 79, 88, 0.7);
228
- --bui-color-bg-alpha-light-9: rgba(22, 27, 34, 0.9);
229
- --bui-color-bg-alpha-light-7: rgba(22, 27, 34, 0.7);
230
- --bui-color-bg-alpha-light-5: rgba(22, 27, 34, 0.5);
231
- --bui-color-bg-alpha-light-3: rgba(22, 27, 34, 0.3);
232
- --bui-color-bg-alpha-light-1: rgba(22, 27, 34, 0.1);
233
- --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, 0.9);
234
- --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, 0.7);
235
- --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, 0.5);
236
- --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, 0.3);
237
- --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, 0.1);
200
+ --bui-color-bg-view-opacity-9: rgba(22, 27, 34, 0.9);
201
+ --bui-color-bg-view-opacity-4: rgba(22, 27, 34, 0.4);
238
202
  --bui-color-border-default: #30363d;
239
203
  }
240
204
  @media (prefers-color-scheme: light) {
@@ -303,17 +267,8 @@ xhs-page,
303
267
  --bui-color-fg-disabled: var(--bui-color-neutral-4);
304
268
  --bui-color-bg-default: var(--bui-color-neutral-6);
305
269
  --bui-color-bg-view: var(--bui-color-neutral-7);
306
- --bui-color-bg-popover: var(--bui-color-neutral-7);
307
- --bui-color-bg-alpha-light-9: rgba(255, 255, 255, 0.9);
308
- --bui-color-bg-alpha-light-7: rgba(255, 255, 255, 0.7);
309
- --bui-color-bg-alpha-light-5: rgba(255, 255, 255, 0.5);
310
- --bui-color-bg-alpha-light-3: rgba(255, 255, 255, 0.3);
311
- --bui-color-bg-alpha-light-1: rgba(255, 255, 255, 0.1);
312
- --bui-color-bg-alpha-dark-9: rgba(0, 0, 0, 0.9);
313
- --bui-color-bg-alpha-dark-7: rgba(0, 0, 0, 0.7);
314
- --bui-color-bg-alpha-dark-5: rgba(0, 0, 0, 0.5);
315
- --bui-color-bg-alpha-dark-3: rgba(0, 0, 0, 0.3);
316
- --bui-color-bg-alpha-dark-1: rgba(0, 0, 0, 0.1);
270
+ --bui-color-bg-view-opacity-9: rgba(255, 255, 255, 0.9);
271
+ --bui-color-bg-view-opacity-4: rgba(255, 255, 255, 0.4);
317
272
  --bui-color-border-default: var(--bui-color-neutral-5);
318
273
  --bui-color-border-primary: rgba(255, 51, 92, 0.4);
319
274
  --bui-color-border-info: rgba(20, 138, 255, 0.4);
@@ -367,17 +322,8 @@ xhs-page,
367
322
  --bui-color-fg-disabled: #484f58;
368
323
  --bui-color-bg-default: #010409;
369
324
  --bui-color-bg-view: #161b22;
370
- --bui-color-bg-popover: rgba(72, 79, 88, 0.7);
371
- --bui-color-bg-alpha-light-9: rgba(22, 27, 34, 0.9);
372
- --bui-color-bg-alpha-light-7: rgba(22, 27, 34, 0.7);
373
- --bui-color-bg-alpha-light-5: rgba(22, 27, 34, 0.5);
374
- --bui-color-bg-alpha-light-3: rgba(22, 27, 34, 0.3);
375
- --bui-color-bg-alpha-light-1: rgba(22, 27, 34, 0.1);
376
- --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, 0.9);
377
- --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, 0.7);
378
- --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, 0.5);
379
- --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, 0.3);
380
- --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, 0.1);
325
+ --bui-color-bg-view-opacity-9: rgba(22, 27, 34, 0.9);
326
+ --bui-color-bg-view-opacity-4: rgba(22, 27, 34, 0.4);
381
327
  --bui-color-border-default: #30363d;
382
328
  }
383
329
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bifrostui/styles",
3
- "version": "1.3.1-beta.0",
3
+ "version": "1.3.2",
4
4
  "description": "Common style definitions for BUI React components",
5
5
  "homepage": "http://bui.taopiaopiao.com",
6
6
  "license": "MIT",
package/theme/default-dark.less CHANGED
@@ -12,17 +12,8 @@
12
12
  --bui-color-bg-default: #010409;
13
13
  // 视图背景色
14
14
  --bui-color-bg-view: #161b22;
15
- --bui-color-bg-popover: fade(#484f58, 70%);
16
- --bui-color-bg-alpha-light-9: fade(#161b22, 90%);
17
- --bui-color-bg-alpha-light-7: fade(#161b22, 70%);
18
- --bui-color-bg-alpha-light-5: fade(#161b22, 50%);
19
- --bui-color-bg-alpha-light-3: fade(#161b22, 30%);
20
- --bui-color-bg-alpha-light-1: fade(#161b22, 10%);
21
- --bui-color-bg-alpha-dark-9: fade(#484f58, 90%);
22
- --bui-color-bg-alpha-dark-7: fade(#484f58, 70%);
23
- --bui-color-bg-alpha-dark-5: fade(#484f58, 50%);
24
- --bui-color-bg-alpha-dark-3: fade(#484f58, 30%);
25
- --bui-color-bg-alpha-dark-1: fade(#484f58, 10%);
15
+ --bui-color-bg-view-opacity-9: fade(#161b22, 90%);
16
+ --bui-color-bg-view-opacity-4: fade(#161b22, 40%);
26
17
 
27
18
  // 分割线、边框
28
19
  --bui-color-border-default: #30363d;
package/theme/default-light.less CHANGED
@@ -82,17 +82,8 @@
82
82
  --bui-color-bg-default: var(--bui-color-neutral-6);
83
83
  // 视图背景色
84
84
  --bui-color-bg-view: var(--bui-color-neutral-7);
85
- --bui-color-bg-popover: var(--bui-color-neutral-7);
86
- --bui-color-bg-alpha-light-9: fade(#fff, 90%);
87
- --bui-color-bg-alpha-light-7: fade(#fff, 70%);
88
- --bui-color-bg-alpha-light-5: fade(#fff, 50%);
89
- --bui-color-bg-alpha-light-3: fade(#fff, 30%);
90
- --bui-color-bg-alpha-light-1: fade(#fff, 10%);
91
- --bui-color-bg-alpha-dark-9: fade(#000, 90%);
92
- --bui-color-bg-alpha-dark-7: fade(#000, 70%);
93
- --bui-color-bg-alpha-dark-5: fade(#000, 50%);
94
- --bui-color-bg-alpha-dark-3: fade(#000, 30%);
95
- --bui-color-bg-alpha-dark-1: fade(#000, 10%);
85
+ --bui-color-bg-view-opacity-9: fade(#fff, 90%);
86
+ --bui-color-bg-view-opacity-4: fade(#fff, 40%);
96
87
 
97
88
  // 分割线、边框
98
89
  --bui-color-border-default: var(--bui-color-neutral-5);
package/theme/dm-dark.less CHANGED
@@ -16,17 +16,8 @@
16
16
  --bui-color-bg-default: #010409;
17
17
  // 视图背景色
18
18
  --bui-color-bg-view: #161b22;
19
- --bui-color-bg-popover: fade(#484f58, 70%);
20
- --bui-color-bg-alpha-light-9: fade(#161b22, 90%);
21
- --bui-color-bg-alpha-light-7: fade(#161b22, 70%);
22
- --bui-color-bg-alpha-light-5: fade(#161b22, 50%);
23
- --bui-color-bg-alpha-light-3: fade(#161b22, 30%);
24
- --bui-color-bg-alpha-light-1: fade(#161b22, 10%);
25
- --bui-color-bg-alpha-dark-9: fade(#484f58, 90%);
26
- --bui-color-bg-alpha-dark-7: fade(#484f58, 70%);
27
- --bui-color-bg-alpha-dark-5: fade(#484f58, 50%);
28
- --bui-color-bg-alpha-dark-3: fade(#484f58, 30%);
29
- --bui-color-bg-alpha-dark-1: fade(#484f58, 10%);
19
+ --bui-color-bg-view-opacity-9: fade(#161b22, 90%);
20
+ --bui-color-bg-view-opacity-4: fade(#161b22, 40%);
30
21
 
31
22
  // 分割线、边框
32
23
  --bui-color-border-default: #30363d;