@semi-bot/semi-theme-trade-pass-growth-platform-test 1.0.5 → 1.0.7
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/README.md +3 -3
- package/package.json +1 -1
- package/raw.json +45 -8
- package/scss/global.scss +8 -7
- package/scss/local.scss +22 -0
- package/semi.css +186 -61
- package/semi.min.css +1 -1
package/README.md
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
# @semi-bot/semi-theme-trade-pass-growth-platform-test --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
|
|
3
3
|
ID: 28703
|
|
4
|
-
Operator:
|
|
4
|
+
Operator: Apilase
|
|
5
5
|
|
|
6
6
|
## Compatibility
|
|
7
7
|
|
|
8
|
-
Compatible with Semi Foundation Version 2.
|
|
8
|
+
Compatible with Semi Foundation Version 2.97.0 or newer.
|
|
9
9
|
|
|
10
10
|
## Version Release Note
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
组件样式定制
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
## Manual
|
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -354,8 +354,8 @@
|
|
|
354
354
|
"dark": {
|
|
355
355
|
"bg/--semi-color-bg-0": "rgba(22,22,22,1)",
|
|
356
356
|
"bg/--semi-color-bg-1": "rgba(27,27,27,1)",
|
|
357
|
-
"bg/--semi-color-bg-2": "rgba(
|
|
358
|
-
"bg/--semi-color-bg-3": "rgba(
|
|
357
|
+
"bg/--semi-color-bg-2": "rgba(30,30,30,1)",
|
|
358
|
+
"bg/--semi-color-bg-3": "rgba(35,35,35,1)",
|
|
359
359
|
"bg/--semi-color-bg-4": "rgba(43,43,43,1)",
|
|
360
360
|
"info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
|
|
361
361
|
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
|
|
@@ -453,9 +453,9 @@
|
|
|
453
453
|
},
|
|
454
454
|
"light": {
|
|
455
455
|
"bg/--semi-color-bg-0": "rgba(238,238,238,1)",
|
|
456
|
-
"bg/--semi-color-bg-1": "rgba(
|
|
457
|
-
"bg/--semi-color-bg-2": "rgba(
|
|
458
|
-
"bg/--semi-color-bg-3": "rgba(
|
|
456
|
+
"bg/--semi-color-bg-1": "rgba(241,241,241,1)",
|
|
457
|
+
"bg/--semi-color-bg-2": "rgba(245,245,245,1)",
|
|
458
|
+
"bg/--semi-color-bg-3": "rgba(248,248,248,1)",
|
|
459
459
|
"bg/--semi-color-bg-4": "rgba(255,255,255,1)",
|
|
460
460
|
"info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
|
|
461
461
|
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
|
|
@@ -471,9 +471,10 @@
|
|
|
471
471
|
"data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
|
|
472
472
|
"data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
|
|
473
473
|
"data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
|
|
474
|
-
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),0.05)",
|
|
475
|
-
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.09)",
|
|
474
|
+
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-8), 0.05)",
|
|
475
|
+
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-8), 0.09)",
|
|
476
476
|
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.13)",
|
|
477
|
+
"fill/--semi-color-fill-3": "rgba(255,255,255,1)",
|
|
477
478
|
"text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
|
|
478
479
|
"text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.8)",
|
|
479
480
|
"text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.6)",
|
|
@@ -683,10 +684,46 @@
|
|
|
683
684
|
"$color-card-bg-default": "var(--semi-color-bg-4)"
|
|
684
685
|
}
|
|
685
686
|
},
|
|
687
|
+
"input": {
|
|
688
|
+
"color": {
|
|
689
|
+
"$color-input_default-bg-focus": "var(--semi-color-bg-2)",
|
|
690
|
+
"$color-input_default-bg-hover": "var(--semi-color-bg-2)",
|
|
691
|
+
"$color-input_default-bg-active": "var(--semi-color-bg-1)",
|
|
692
|
+
"$color-input_default-bg-default": "var(--semi-color-fill-3)",
|
|
693
|
+
"$color-input_default-border-hover": "var(--semi-color-border)",
|
|
694
|
+
"$color-input_default-bg-focus-hover": "var(--semi-color-bg-2)",
|
|
695
|
+
"$color-input_default-border-default": "var(--semi-color-border)"
|
|
696
|
+
}
|
|
697
|
+
},
|
|
698
|
+
"radio": {
|
|
699
|
+
"color": {
|
|
700
|
+
"$color-radio_buttonRadio-bg-default": "var(--semi-color-bg-1)",
|
|
701
|
+
"$color-radio_buttonRadio-text-default": "var(--semi-color-text-2)",
|
|
702
|
+
"$color-radio_addon_buttonRadio-bg-hover": "var(--semi-color-bg-4)",
|
|
703
|
+
"$color-radio_addon_buttonRadio-bg-checked": "var(--semi-color-bg-4)",
|
|
704
|
+
"$color-radio_addon_buttonRadio-text-checked": "var(--semi-color-text-0)"
|
|
705
|
+
}
|
|
706
|
+
},
|
|
686
707
|
"table": {
|
|
687
708
|
"color": {
|
|
709
|
+
"$color-table_body-bg-hover": "var(--semi-color-bg-3)",
|
|
710
|
+
"$color-table_cell-bg-hover": "var(--semi-color-bg-0)",
|
|
688
711
|
"$color-table_th-bg-default": "var(--semi-color-bg-3)",
|
|
689
|
-
"$color-table_body-bg-default": "var(--semi-color-bg-4)"
|
|
712
|
+
"$color-table_body-bg-default": "var(--semi-color-bg-4)",
|
|
713
|
+
"$color-table_sorter-text-default": "var(--semi-color-text-3)",
|
|
714
|
+
"$color-table_th-clickSort-bg-hover": "var(--semi-color-bg-1)"
|
|
715
|
+
},
|
|
716
|
+
"width": {
|
|
717
|
+
"$width-table_header_border": "1px"
|
|
718
|
+
}
|
|
719
|
+
},
|
|
720
|
+
"select": {
|
|
721
|
+
"color": {
|
|
722
|
+
"$color-select-bg-hover": "var(--semi-color-fill-0)",
|
|
723
|
+
"$color-select-bg-active": "var(--semi-color-fill-0)",
|
|
724
|
+
"$color-select-bg-default": "var(--semi-color-fill-3)",
|
|
725
|
+
"$color-select-border-hover": "var(--semi-color-border)",
|
|
726
|
+
"$color-select-border-default": "var(--semi-color-border)"
|
|
690
727
|
}
|
|
691
728
|
},
|
|
692
729
|
"navigation": {
|
package/scss/global.scss
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
|
|
4
4
|
--semi-color-bg-0: rgba(238,238,238,1);
|
|
5
|
-
--semi-color-bg-1: rgba(
|
|
6
|
-
--semi-color-bg-2: rgba(
|
|
7
|
-
--semi-color-bg-3: rgba(
|
|
5
|
+
--semi-color-bg-1: rgba(241,241,241,1);
|
|
6
|
+
--semi-color-bg-2: rgba(245,245,245,1);
|
|
7
|
+
--semi-color-bg-3: rgba(248,248,248,1);
|
|
8
8
|
--semi-color-bg-4: rgba(255,255,255,1);
|
|
9
9
|
--semi-color-info: rgba(var(--semi-blue-5), 1);
|
|
10
10
|
--semi-color-link: rgba(var(--semi-blue-5), 1);
|
|
@@ -20,9 +20,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
20
20
|
--semi-color-data-7: rgba(139, 215, 210, 1);
|
|
21
21
|
--semi-color-data-8: rgba(131, 176, 35, 1);
|
|
22
22
|
--semi-color-data-9: rgba(233, 165, 229, 1);
|
|
23
|
-
--semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
|
|
24
|
-
--semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
|
|
23
|
+
--semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
|
|
24
|
+
--semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
|
|
25
25
|
--semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
|
|
26
|
+
--semi-color-fill-3: rgba(255,255,255,1);
|
|
26
27
|
--semi-color-text-0: rgba(var(--semi-grey-9),1);
|
|
27
28
|
--semi-color-text-1: rgba(var(--semi-grey-9),0.8);
|
|
28
29
|
--semi-color-text-2: rgba(var(--semi-grey-9),0.6);
|
|
@@ -119,8 +120,8 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
|
|
|
119
120
|
body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
|
|
120
121
|
--semi-color-bg-0: rgba(22,22,22,1);
|
|
121
122
|
--semi-color-bg-1: rgba(27,27,27,1);
|
|
122
|
-
--semi-color-bg-2: rgba(
|
|
123
|
-
--semi-color-bg-3: rgba(
|
|
123
|
+
--semi-color-bg-2: rgba(30,30,30,1);
|
|
124
|
+
--semi-color-bg-3: rgba(35,35,35,1);
|
|
124
125
|
--semi-color-bg-4: rgba(43,43,43,1);
|
|
125
126
|
--semi-color-info: rgba(var(--semi-blue-5), 1);
|
|
126
127
|
--semi-color-link: rgba(var(--semi-blue-5), 1);
|
package/scss/local.scss
CHANGED
|
@@ -1,6 +1,28 @@
|
|
|
1
1
|
$color-card-bg-default: var(--semi-color-bg-4);
|
|
2
|
+
$color-input_default-bg-focus: var(--semi-color-bg-2);
|
|
3
|
+
$color-input_default-bg-hover: var(--semi-color-bg-2);
|
|
4
|
+
$color-input_default-bg-active: var(--semi-color-bg-1);
|
|
5
|
+
$color-input_default-bg-default: var(--semi-color-fill-3);
|
|
6
|
+
$color-input_default-border-hover: var(--semi-color-border);
|
|
7
|
+
$color-input_default-bg-focus-hover: var(--semi-color-bg-2);
|
|
8
|
+
$color-input_default-border-default: var(--semi-color-border);
|
|
9
|
+
$color-radio_buttonRadio-bg-default: var(--semi-color-bg-1);
|
|
10
|
+
$color-radio_buttonRadio-text-default: var(--semi-color-text-2);
|
|
11
|
+
$color-radio_addon_buttonRadio-bg-hover: var(--semi-color-bg-4);
|
|
12
|
+
$color-radio_addon_buttonRadio-bg-checked: var(--semi-color-bg-4);
|
|
13
|
+
$color-radio_addon_buttonRadio-text-checked: var(--semi-color-text-0);
|
|
14
|
+
$color-table_body-bg-hover: var(--semi-color-bg-3);
|
|
15
|
+
$color-table_cell-bg-hover: var(--semi-color-bg-0);
|
|
2
16
|
$color-table_th-bg-default: var(--semi-color-bg-3);
|
|
3
17
|
$color-table_body-bg-default: var(--semi-color-bg-4);
|
|
18
|
+
$color-table_sorter-text-default: var(--semi-color-text-3);
|
|
19
|
+
$color-table_th-clickSort-bg-hover: var(--semi-color-bg-1);
|
|
20
|
+
$width-table_header_border: 1px;
|
|
21
|
+
$color-select-bg-hover: var(--semi-color-fill-0);
|
|
22
|
+
$color-select-bg-active: var(--semi-color-fill-0);
|
|
23
|
+
$color-select-bg-default: var(--semi-color-fill-3);
|
|
24
|
+
$color-select-border-hover: var(--semi-color-border);
|
|
25
|
+
$color-select-border-default: var(--semi-color-border);
|
|
4
26
|
$color-navigation_itemL1-bg-active: var(--semi-color-nav-bg-active);
|
|
5
27
|
$color-navigation_itemL1-text-active: var(--semi-color-primary-active);
|
|
6
28
|
$color-navigation_itemL1_icon-active: var(--semi-color-primary-active);
|