@semi-bot/semi-theme-hujiale-system 1.0.3 → 1.0.4

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 (6) hide show
  1. package/package.json +1 -1
  2. package/raw.json +25 -15
  3. package/scss/_palette.scss +20 -10
  4. package/scss/global.scss +4 -5
  5. package/semi.css +24 -15
  6. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-hujiale-system",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -187,6 +187,16 @@
187
187
  "--semi-red-8": "144,35,21",
188
188
  "--semi-red-9": "108,21,13",
189
189
  "--semi-white": "255,255,255",
190
+ "--semi-arco-0": "255,255,255",
191
+ "--semi-arco-1": "254,254,254",
192
+ "--semi-arco-2": "252,252,253",
193
+ "--semi-arco-3": "250,251,252",
194
+ "--semi-arco-4": "249,249,251",
195
+ "--semi-arco-5": "247,248,250",
196
+ "--semi-arco-6": "205,208,214",
197
+ "--semi-arco-7": "166,170,179",
198
+ "--semi-arco-8": "128,132,143",
199
+ "--semi-arco-9": "93,97,107",
190
200
  "--semi-blue-0": "238,246,255",
191
201
  "--semi-blue-1": "210,233,254",
192
202
  "--semi-blue-2": "165,209,254",
@@ -257,16 +267,16 @@
257
267
  "--semi-amber-7": "168,146,18",
258
268
  "--semi-amber-8": "126,111,12",
259
269
  "--semi-amber-9": "84,75,7",
260
- "--semi-brand-0": "241,247,255",
261
- "--semi-brand-1": "217,232,255",
262
- "--semi-brand-2": "179,208,255",
263
- "--semi-brand-3": "140,183,255",
264
- "--semi-brand-4": "102,156,255",
265
- "--semi-brand-5": "64,128,255",
266
- "--semi-brand-6": "48,103,219",
267
- "--semi-brand-7": "35,80,184",
268
- "--semi-brand-8": "24,59,148",
269
- "--semi-brand-9": "15,41,112",
270
+ "--semi-brand-0": "232,243,255",
271
+ "--semi-brand-1": "190,218,255",
272
+ "--semi-brand-2": "148,191,255",
273
+ "--semi-brand-3": "106,161,255",
274
+ "--semi-brand-4": "64,128,255",
275
+ "--semi-brand-5": "22,93,255",
276
+ "--semi-brand-6": "14,66,210",
277
+ "--semi-brand-7": "7,44,166",
278
+ "--semi-brand-8": "3,26,121",
279
+ "--semi-brand-9": "0,13,77",
270
280
  "--semi-green-0": "236,247,238",
271
281
  "--semi-green-1": "208,240,214",
272
282
  "--semi-green-2": "166,225,176",
@@ -457,7 +467,6 @@
457
467
  "bg/--semi-color-bg-2": "rgba(var(--semi-white), 1)",
458
468
  "bg/--semi-color-bg-3": "rgba(var(--semi-white), 1)",
459
469
  "bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
460
- "arco/--semi-color-arco": "rgba(22,93,255,1)",
461
470
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
462
471
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
463
472
  "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
@@ -493,6 +502,7 @@
493
502
  "border/--semi-color-border": "rgba(var(--semi-grey-9), 0.08)",
494
503
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
495
504
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
505
+ "backend/--semi-color-backend": "rgba(247,248,250,1)",
496
506
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
497
507
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
498
508
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
@@ -506,16 +516,17 @@
506
516
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
507
517
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
508
518
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
509
- "arco/--semi-color-arco-backgroud": "rgba(205,208,214,1)",
510
519
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
511
520
  "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
512
521
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
513
522
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
514
523
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
524
+ "backend/--semi-color-backend-hover": "rgba(205,208,214, 1)",
515
525
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
516
526
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
517
527
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
518
528
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
529
+ "backend/--semi-color-backend-active": "rgba(166,170,179, 1)",
519
530
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
520
531
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
521
532
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
@@ -523,15 +534,13 @@
523
534
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
524
535
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
525
536
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
526
- "arco/--semi-color-arco-primary-hover": "rgba(64,128,255,1)",
527
537
  "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-6), 1)",
528
- "arco/--semi-color-arco-primary-active": "rgba(14,66,210,1)",
538
+ "backend/--semi-color-backend-disabled": "rgba(252,252,253, 1)",
529
539
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
530
540
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
531
541
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
532
542
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
533
543
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
534
- "arco/--semi-color-arco-primary-disabled": "rgba(148,191,255,1)",
535
544
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
536
545
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-1), 1)",
537
546
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2), 1)",
@@ -828,6 +837,7 @@
828
837
  },
829
838
  "presetColor": {
830
839
  "red": "#fb653c",
840
+ "arco": "#F7F8FA",
831
841
  "blue": "#2082fc",
832
842
  "cyan": "#1ba1b8",
833
843
  "grey": "#6b6e75",
package/scss/_palette.scss CHANGED
@@ -11,6 +11,16 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
11
11
  --semi-red-8: 144,35,21;
12
12
  --semi-red-9: 108,21,13;
13
13
  --semi-white: 255,255,255;
14
+ --semi-arco-0: 255,255,255;
15
+ --semi-arco-1: 254,254,254;
16
+ --semi-arco-2: 252,252,253;
17
+ --semi-arco-3: 250,251,252;
18
+ --semi-arco-4: 249,249,251;
19
+ --semi-arco-5: 247,248,250;
20
+ --semi-arco-6: 205,208,214;
21
+ --semi-arco-7: 166,170,179;
22
+ --semi-arco-8: 128,132,143;
23
+ --semi-arco-9: 93,97,107;
14
24
  --semi-blue-0: 238,246,255;
15
25
  --semi-blue-1: 210,233,254;
16
26
  --semi-blue-2: 165,209,254;
@@ -81,16 +91,16 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
81
91
  --semi-amber-7: 168,146,18;
82
92
  --semi-amber-8: 126,111,12;
83
93
  --semi-amber-9: 84,75,7;
84
- --semi-brand-0: 241,247,255;
85
- --semi-brand-1: 217,232,255;
86
- --semi-brand-2: 179,208,255;
87
- --semi-brand-3: 140,183,255;
88
- --semi-brand-4: 102,156,255;
89
- --semi-brand-5: 64,128,255;
90
- --semi-brand-6: 48,103,219;
91
- --semi-brand-7: 35,80,184;
92
- --semi-brand-8: 24,59,148;
93
- --semi-brand-9: 15,41,112;
94
+ --semi-brand-0: 232,243,255;
95
+ --semi-brand-1: 190,218,255;
96
+ --semi-brand-2: 148,191,255;
97
+ --semi-brand-3: 106,161,255;
98
+ --semi-brand-4: 64,128,255;
99
+ --semi-brand-5: 22,93,255;
100
+ --semi-brand-6: 14,66,210;
101
+ --semi-brand-7: 7,44,166;
102
+ --semi-brand-8: 3,26,121;
103
+ --semi-brand-9: 0,13,77;
94
104
  --semi-green-0: 236,247,238;
95
105
  --semi-green-1: 208,240,214;
96
106
  --semi-green-2: 166,225,176;
package/scss/global.scss CHANGED
@@ -6,7 +6,6 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
6
6
  --semi-color-bg-2: rgba(var(--semi-white), 1);
7
7
  --semi-color-bg-3: rgba(var(--semi-white), 1);
8
8
  --semi-color-bg-4: rgba(var(--semi-white), 1);
9
- --semi-color-arco: rgba(22,93,255,1);
10
9
  --semi-color-info: rgba(var(--semi-blue-5), 1);
11
10
  --semi-color-link: rgba(var(--semi-blue-5), 1);
12
11
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
@@ -42,6 +41,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
42
41
  --semi-color-border: rgba(var(--semi-grey-9), 0.08);
43
42
  --semi-color-danger: rgba(var(--semi-red-5), 1);
44
43
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
44
+ --semi-color-backend: rgba(247,248,250,1);
45
45
  --semi-color-default: rgba(var(--semi-grey-0), 1);
46
46
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
47
47
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -55,16 +55,17 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
55
55
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
56
56
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
57
57
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
58
- --semi-color-arco-backgroud: rgba(205,208,214,1);
59
58
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
60
59
  --semi-color-highlight: rgba(var(--semi-black), 1);
61
60
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
62
61
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
63
62
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
63
+ --semi-color-backend-hover: rgba(205,208,214, 1);
64
64
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
65
65
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
66
66
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
67
67
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
68
+ --semi-color-backend-active: rgba(166,170,179, 1);
68
69
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
69
70
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
70
71
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
@@ -72,15 +73,13 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
72
73
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
73
74
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
74
75
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
75
- --semi-color-arco-primary-hover: rgba(64,128,255,1);
76
76
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
77
- --semi-color-arco-primary-active: rgba(14,66,210,1);
77
+ --semi-color-backend-disabled: rgba(252,252,253, 1);
78
78
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
79
79
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
80
80
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
81
81
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
82
82
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
83
- --semi-color-arco-primary-disabled: rgba(148,191,255,1);
84
83
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
85
84
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
86
85
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
package/semi.css CHANGED
@@ -13,6 +13,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
13
13
  --semi-red-8: 144,35,21;
14
14
  --semi-red-9: 108,21,13;
15
15
  --semi-white: 255,255,255;
16
+ --semi-arco-0: 255,255,255;
17
+ --semi-arco-1: 254,254,254;
18
+ --semi-arco-2: 252,252,253;
19
+ --semi-arco-3: 250,251,252;
20
+ --semi-arco-4: 249,249,251;
21
+ --semi-arco-5: 247,248,250;
22
+ --semi-arco-6: 205,208,214;
23
+ --semi-arco-7: 166,170,179;
24
+ --semi-arco-8: 128,132,143;
25
+ --semi-arco-9: 93,97,107;
16
26
  --semi-blue-0: 238,246,255;
17
27
  --semi-blue-1: 210,233,254;
18
28
  --semi-blue-2: 165,209,254;
@@ -83,16 +93,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
83
93
  --semi-amber-7: 168,146,18;
84
94
  --semi-amber-8: 126,111,12;
85
95
  --semi-amber-9: 84,75,7;
86
- --semi-brand-0: 241,247,255;
87
- --semi-brand-1: 217,232,255;
88
- --semi-brand-2: 179,208,255;
89
- --semi-brand-3: 140,183,255;
90
- --semi-brand-4: 102,156,255;
91
- --semi-brand-5: 64,128,255;
92
- --semi-brand-6: 48,103,219;
93
- --semi-brand-7: 35,80,184;
94
- --semi-brand-8: 24,59,148;
95
- --semi-brand-9: 15,41,112;
96
+ --semi-brand-0: 232,243,255;
97
+ --semi-brand-1: 190,218,255;
98
+ --semi-brand-2: 148,191,255;
99
+ --semi-brand-3: 106,161,255;
100
+ --semi-brand-4: 64,128,255;
101
+ --semi-brand-5: 22,93,255;
102
+ --semi-brand-6: 14,66,210;
103
+ --semi-brand-7: 7,44,166;
104
+ --semi-brand-8: 3,26,121;
105
+ --semi-brand-9: 0,13,77;
96
106
  --semi-green-0: 236,247,238;
97
107
  --semi-green-1: 208,240,214;
98
108
  --semi-green-2: 166,225,176;
@@ -356,7 +366,6 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
356
366
  --semi-color-bg-2: rgba(var(--semi-white), 1);
357
367
  --semi-color-bg-3: rgba(var(--semi-white), 1);
358
368
  --semi-color-bg-4: rgba(var(--semi-white), 1);
359
- --semi-color-arco: rgba(22,93,255,1);
360
369
  --semi-color-info: rgba(var(--semi-blue-5), 1);
361
370
  --semi-color-link: rgba(var(--semi-blue-5), 1);
362
371
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
@@ -392,6 +401,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
392
401
  --semi-color-border: rgba(var(--semi-grey-9), 0.08);
393
402
  --semi-color-danger: rgba(var(--semi-red-5), 1);
394
403
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
404
+ --semi-color-backend: rgba(247,248,250,1);
395
405
  --semi-color-default: rgba(var(--semi-grey-0), 1);
396
406
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
397
407
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -405,16 +415,17 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
405
415
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
406
416
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
407
417
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
408
- --semi-color-arco-backgroud: rgba(205,208,214,1);
409
418
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
410
419
  --semi-color-highlight: rgba(var(--semi-black), 1);
411
420
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
412
421
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
413
422
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
423
+ --semi-color-backend-hover: rgba(205,208,214, 1);
414
424
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
415
425
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
416
426
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
417
427
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
428
+ --semi-color-backend-active: rgba(166,170,179, 1);
418
429
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
419
430
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
420
431
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
@@ -422,15 +433,13 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
422
433
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
423
434
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
424
435
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
425
- --semi-color-arco-primary-hover: rgba(64,128,255,1);
426
436
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
427
- --semi-color-arco-primary-active: rgba(14,66,210,1);
437
+ --semi-color-backend-disabled: rgba(252,252,253, 1);
428
438
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
429
439
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
430
440
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
431
441
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
432
442
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
433
- --semi-color-arco-primary-disabled: rgba(148,191,255,1);
434
443
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
435
444
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
436
445
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);