@alauda/ui 6.3.1-beta.7 → 6.3.1-beta.8
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/esm2020/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2020/dialog/dialog.component.mjs +2 -2
- package/esm2020/drawer/component/drawer.component.mjs +2 -2
- package/esm2020/input/tags-input/tags-input.component.mjs +2 -2
- package/esm2020/notification/notification.component.mjs +3 -3
- package/esm2020/select/multi-select/multi-select.component.mjs +2 -2
- package/esm2020/select/select.component.mjs +2 -2
- package/esm2020/table/table.component.mjs +2 -2
- package/esm2020/tree-select/tree-select.component.mjs +3 -3
- package/fesm2015/alauda-ui.mjs +18 -18
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +18 -18
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/theme/_mixin.scss +11 -1
- package/theme/style.css +5 -1
package/package.json
CHANGED
package/theme/_mixin.scss
CHANGED
|
@@ -94,6 +94,15 @@
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
+
@mixin modal-backdrop() {
|
|
98
|
+
@include theme-light {
|
|
99
|
+
background-color: use-rgba(origin-shadow, 0.4);
|
|
100
|
+
}
|
|
101
|
+
@include theme-dark {
|
|
102
|
+
background-color: use-rgba(origin-shadow, 0.75);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
97
106
|
@mixin transition($target: all) {
|
|
98
107
|
transition: $target $animation-duration $animation-interpolation;
|
|
99
108
|
}
|
|
@@ -106,13 +115,14 @@
|
|
|
106
115
|
transform: translate(-50%, -50%);
|
|
107
116
|
}
|
|
108
117
|
|
|
109
|
-
@mixin scroll-bar($color: rgba(
|
|
118
|
+
@mixin scroll-bar($color: #{use-rgba(n-1, 0.2)}) {
|
|
110
119
|
&::-webkit-scrollbar {
|
|
111
120
|
width: 4px;
|
|
112
121
|
height: 4px;
|
|
113
122
|
}
|
|
114
123
|
|
|
115
124
|
&::-webkit-scrollbar-thumb {
|
|
125
|
+
border-radius: 2px;
|
|
116
126
|
background-color: $color;
|
|
117
127
|
}
|
|
118
128
|
}
|
package/theme/style.css
CHANGED
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
******************************
|
|
16
16
|
*/
|
|
17
17
|
:root {
|
|
18
|
+
color-scheme: light;
|
|
18
19
|
--aui-color-blue: 0, 122, 245;
|
|
19
20
|
--aui-color-b-0: 0, 103, 208;
|
|
20
21
|
--aui-color-b-1: 38, 141, 246;
|
|
@@ -69,6 +70,7 @@
|
|
|
69
70
|
}
|
|
70
71
|
|
|
71
72
|
html[aui-theme-mode=light] {
|
|
73
|
+
color-scheme: light;
|
|
72
74
|
--aui-color-blue: 0, 122, 245;
|
|
73
75
|
--aui-color-b-0: 0, 103, 208;
|
|
74
76
|
--aui-color-b-1: 38, 141, 246;
|
|
@@ -124,6 +126,7 @@ html[aui-theme-mode=light] {
|
|
|
124
126
|
|
|
125
127
|
@media (prefers-color-scheme: dark) {
|
|
126
128
|
html[aui-theme-mode=system] {
|
|
129
|
+
color-scheme: dark;
|
|
127
130
|
--aui-color-blue: 61, 142, 255;
|
|
128
131
|
--aui-color-b-0: 54, 116, 204;
|
|
129
132
|
--aui-color-b-1: 109, 170, 255;
|
|
@@ -178,6 +181,7 @@ html[aui-theme-mode=light] {
|
|
|
178
181
|
}
|
|
179
182
|
}
|
|
180
183
|
html[aui-theme-mode=dark] {
|
|
184
|
+
color-scheme: dark;
|
|
181
185
|
--aui-color-blue: 61, 142, 255;
|
|
182
186
|
--aui-color-b-0: 54, 116, 204;
|
|
183
187
|
--aui-color-b-1: 109, 170, 255;
|
|
@@ -285,7 +289,7 @@ html[aui-theme-mode=dark] {
|
|
|
285
289
|
}
|
|
286
290
|
|
|
287
291
|
body {
|
|
288
|
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica,
|
|
292
|
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Ubuntu, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
|
|
289
293
|
font-size: 14px;
|
|
290
294
|
font-weight: 400;
|
|
291
295
|
line-height: 1.43;
|