@bifrostui/styles 1.3.2 → 1.4.0-beta.0

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 +66 -12
  2. package/package.json +1 -1
  3. package/theme/default-dark.less +11 -2
  4. package/theme/default-light.less +11 -2
  5. package/theme/dm-dark.less +11 -2
package/dist/index.css CHANGED
@@ -31,8 +31,17 @@
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-view-opacity-9: rgba(22, 27, 34, 0.9);
35
- --bui-color-bg-view-opacity-4: rgba(22, 27, 34, 0.4);
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);
36
45
  --bui-color-border-default: #30363d;
37
46
  }
38
47
  }
@@ -106,8 +115,17 @@ xhs-page,
106
115
  --bui-color-fg-disabled: var(--bui-color-neutral-4);
107
116
  --bui-color-bg-default: var(--bui-color-neutral-6);
108
117
  --bui-color-bg-view: var(--bui-color-neutral-7);
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);
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);
111
129
  --bui-color-border-default: var(--bui-color-neutral-5);
112
130
  --bui-color-border-primary: rgba(255, 51, 92, 0.4);
113
131
  --bui-color-border-info: rgba(20, 138, 255, 0.4);
@@ -160,8 +178,17 @@ xhs-page,
160
178
  --bui-color-fg-disabled: #484f58;
161
179
  --bui-color-bg-default: #010409;
162
180
  --bui-color-bg-view: #161b22;
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);
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);
165
192
  --bui-color-border-default: #30363d;
166
193
  }
167
194
  /** 大麦主题 */
@@ -197,8 +224,17 @@ xhs-page,
197
224
  --bui-color-fg-disabled: #484f58;
198
225
  --bui-color-bg-default: #010409;
199
226
  --bui-color-bg-view: #161b22;
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);
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);
202
238
  --bui-color-border-default: #30363d;
203
239
  }
204
240
  @media (prefers-color-scheme: light) {
@@ -267,8 +303,17 @@ xhs-page,
267
303
  --bui-color-fg-disabled: var(--bui-color-neutral-4);
268
304
  --bui-color-bg-default: var(--bui-color-neutral-6);
269
305
  --bui-color-bg-view: var(--bui-color-neutral-7);
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);
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);
272
317
  --bui-color-border-default: var(--bui-color-neutral-5);
273
318
  --bui-color-border-primary: rgba(255, 51, 92, 0.4);
274
319
  --bui-color-border-info: rgba(20, 138, 255, 0.4);
@@ -322,8 +367,17 @@ xhs-page,
322
367
  --bui-color-fg-disabled: #484f58;
323
368
  --bui-color-bg-default: #010409;
324
369
  --bui-color-bg-view: #161b22;
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);
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);
327
381
  --bui-color-border-default: #30363d;
328
382
  }
329
383
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bifrostui/styles",
3
- "version": "1.3.2",
3
+ "version": "1.4.0-beta.0",
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,8 +12,17 @@
12
12
  --bui-color-bg-default: #010409;
13
13
  // 视图背景色
14
14
  --bui-color-bg-view: #161b22;
15
- --bui-color-bg-view-opacity-9: fade(#161b22, 90%);
16
- --bui-color-bg-view-opacity-4: fade(#161b22, 40%);
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%);
17
26
 
18
27
  // 分割线、边框
19
28
  --bui-color-border-default: #30363d;
package/theme/default-light.less CHANGED
@@ -82,8 +82,17 @@
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-view-opacity-9: fade(#fff, 90%);
86
- --bui-color-bg-view-opacity-4: fade(#fff, 40%);
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%);
87
96
 
88
97
  // 分割线、边框
89
98
  --bui-color-border-default: var(--bui-color-neutral-5);
package/theme/dm-dark.less CHANGED
@@ -16,8 +16,17 @@
16
16
  --bui-color-bg-default: #010409;
17
17
  // 视图背景色
18
18
  --bui-color-bg-view: #161b22;
19
- --bui-color-bg-view-opacity-9: fade(#161b22, 90%);
20
- --bui-color-bg-view-opacity-4: fade(#161b22, 40%);
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%);
21
30
 
22
31
  // 分割线、边框
23
32
  --bui-color-border-default: #30363d;