@next-core/brick-container 2.64.8 → 2.65.1

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 (10) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/{dll.72d17b67.js → dll.9d2222e2.js} +5 -5
  3. package/dist/{dll.72d17b67.js.map → dll.9d2222e2.js.map} +1 -1
  4. package/dist/index.html +1 -1
  5. package/dist/{main.4a0630045ef2e37f712d.js → main.5062c9590b46f85b36b2.js} +2 -2
  6. package/dist/{main.4a0630045ef2e37f712d.js.map → main.5062c9590b46f85b36b2.js.map} +1 -1
  7. package/dist/{main.0b572c90e0749ab7903d.css → main.539ffab36c93dfaf6467.css} +486 -282
  8. package/dist/main.539ffab36c93dfaf6467.css.map +1 -0
  9. package/package.json +8 -8
  10. package/dist/main.0b572c90e0749ab7903d.css.map +0 -1
package/dist/{main.0b572c90e0749ab7903d.css → main.539ffab36c93dfaf6467.css} RENAMED
@@ -1,125 +1,235 @@
1
1
  :root,
2
2
  [data-override-theme="light"] {
3
- --palette-red-1: #fff5f0;
4
- --palette-red-2: #ffdac9;
5
- --palette-red-3: #ffbba1;
6
- --palette-red-4: #ff9a78;
7
- --palette-red-5: #ff754f;
8
- --palette-red-6: #f24c25;
9
- --palette-red-7: #cc3014;
10
- --palette-red-8: #a61b08;
11
- --palette-red-9: #800b00;
12
- --palette-red-10: #590400;
13
-
14
- --palette-green-1: #f6ffed;
15
- --palette-green-2: #d9f7be;
16
- --palette-green-3: #b7eb8f;
17
- --palette-green-4: #95de64;
18
- --palette-green-5: #73d13d;
19
- --palette-green-6: #52c41a;
20
- --palette-green-7: #389e0d;
21
- --palette-green-8: #237804;
22
- --palette-green-9: #135200;
23
- --palette-green-10: #092b00;
24
-
25
- --palette-blue-1: #e6f4ff;
26
- --palette-blue-2: #bde1ff;
27
- --palette-blue-3: #94cbff;
28
- --palette-blue-4: #6bb3ff;
29
- --palette-blue-5: #4297ff;
30
- --palette-blue-6: #1a7aff;
31
- --palette-blue-7: #0b5ad9;
32
- --palette-blue-8: #003eb3;
33
- --palette-blue-9: #002c8c;
34
- --palette-blue-10: #001d66;
35
-
36
- --palette-amber-1: #fffde6;
37
- --palette-amber-2: #fff6a6;
38
- --palette-amber-3: #ffee7d;
39
- --palette-amber-4: #ffe354;
40
- --palette-amber-5: #ffd52b;
41
- --palette-amber-6: #f7bf02;
42
- --palette-amber-7: #d19900;
43
- --palette-amber-8: #ab7800;
44
- --palette-amber-9: #855800;
45
- --palette-amber-10: #5e3c00;
46
-
47
- --palette-cyan-1: #f0ffff;
48
- --palette-cyan-2: #c7feff;
49
- --palette-cyan-3: #9efaff;
50
- --palette-cyan-4: #75f4ff;
51
- --palette-cyan-5: #4deaff;
52
- --palette-cyan-6: #21d4f3;
53
- --palette-cyan-7: #12aacc;
54
- --palette-cyan-8: #0783a6;
55
- --palette-cyan-9: #006080;
56
- --palette-cyan-10: #004059;
57
-
58
- --palette-orange-1: #fff8e6;
59
- --palette-orange-2: #ffe6ab;
60
- --palette-orange-3: #ffd582;
61
- --palette-orange-4: #fcc058;
62
- --palette-orange-5: #f0a22e;
63
- --palette-orange-6: #e38306;
64
- --palette-orange-7: #bd6500;
65
- --palette-orange-8: #964b00;
66
- --palette-orange-9: #703400;
67
- --palette-orange-10: #4a2000;
68
-
69
- --palette-yellow-1: #feffe6;
70
- --palette-yellow-2: #ffffb8;
71
- --palette-yellow-3: #fffb8f;
72
- --palette-yellow-4: #fff566;
73
- --palette-yellow-5: #ffec3d;
74
- --palette-yellow-6: #fadb14;
75
- --palette-yellow-7: #d4b106;
76
- --palette-yellow-8: #ad8b00;
77
- --palette-yellow-9: #876800;
78
- --palette-yellow-10: #614700;
79
-
80
- --palette-teal-1: #f0fff8;
81
- --palette-teal-2: #c5fae4;
82
- --palette-teal-3: #93edcb;
83
- --palette-teal-4: #69e0b7;
84
- --palette-teal-5: #42d4a5;
85
- --palette-teal-6: #1dc897;
86
- --palette-teal-7: #0ea17c;
87
- --palette-teal-8: #067a61;
88
- --palette-teal-9: #005445;
89
- --palette-teal-10: #002e27;
90
-
91
- --palette-purple-1: #faf0ff;
92
- --palette-purple-2: #f7e8ff;
93
- --palette-purple-3: #e6bfff;
94
- --palette-purple-4: #c78ff2;
95
- --palette-purple-5: #a863e6;
96
- --palette-purple-6: #893ad8;
97
- --palette-purple-7: #6827b3;
98
- --palette-purple-8: #4a188c;
99
- --palette-purple-9: #300c66;
100
- --palette-purple-10: #1c0740;
101
-
102
- --palette-pink-1: #ffe6ec;
103
- --palette-pink-2: #ffbdcf;
104
- --palette-pink-3: #ff94b6;
105
- --palette-pink-4: #ff6b9f;
106
- --palette-pink-5: #ff428b;
107
- --palette-pink-6: #ff1a79;
108
- --palette-pink-7: #d90b67;
109
- --palette-pink-8: #b30056;
110
- --palette-pink-9: #8c0048;
111
- --palette-pink-10: #660038;
112
-
113
- --palette-indigo-1: #f0f3ff;
114
- --palette-indigo-2: #e0e7ff;
115
- --palette-indigo-3: #b8c4ff;
116
- --palette-indigo-4: #8f9eff;
117
- --palette-indigo-5: #6271f5;
118
- --palette-indigo-6: #3844e8;
119
- --palette-indigo-7: #252ac2;
120
- --palette-indigo-8: #16169c;
121
- --palette-indigo-9: #0e0b75;
122
- --palette-indigo-10: #0b064f;
3
+ --palette-red-1-channel: 255, 245, 240;
4
+ --palette-red-1: rgb(var(--palette-red-1-channel));
5
+ --palette-red-2-channel: 255, 218, 201;
6
+ --palette-red-2: rgb(var(--palette-red-2-channel));
7
+ --palette-red-3-channel: 255, 187, 161;
8
+ --palette-red-3: rgb(var(--palette-red-3-channel));
9
+ --palette-red-4-channel: 255, 154, 120;
10
+ --palette-red-4: rgb(var(--palette-red-4-channel));
11
+ --palette-red-5-channel: 255, 117, 79;
12
+ --palette-red-5: rgb(var(--palette-red-5-channel));
13
+ --palette-red-6-channel: 242, 76, 37;
14
+ --palette-red-6: rgb(var(--palette-red-6-channel));
15
+ --palette-red-7-channel: 204, 48, 20;
16
+ --palette-red-7: rgb(var(--palette-red-7-channel));
17
+ --palette-red-8-channel: 166, 27, 8;
18
+ --palette-red-8: rgb(var(--palette-red-8-channel));
19
+ --palette-red-9-channel: 128, 11, 0;
20
+ --palette-red-9: rgb(var(--palette-red-9-channel));
21
+ --palette-red-10-channel: 89, 4, 0;
22
+ --palette-red-10: rgb(var(--palette-red-10-channel));
23
+
24
+ --palette-green-1-channel: 246, 255, 237;
25
+ --palette-green-1: rgb(var(--palette-green-1-channel));
26
+ --palette-green-2-channel: 217, 247, 190;
27
+ --palette-green-2: rgb(var(--palette-green-2-channel));
28
+ --palette-green-3-channel: 183, 235, 143;
29
+ --palette-green-3: rgb(var(--palette-green-3-channel));
30
+ --palette-green-4-channel: 149, 222, 100;
31
+ --palette-green-4: rgb(var(--palette-green-4-channel));
32
+ --palette-green-5-channel: 115, 209, 61;
33
+ --palette-green-5: rgb(var(--palette-green-5-channel));
34
+ --palette-green-6-channel: 82, 196, 26;
35
+ --palette-green-6: rgb(var(--palette-green-6-channel));
36
+ --palette-green-7-channel: 56, 158, 13;
37
+ --palette-green-7: rgb(var(--palette-green-7-channel));
38
+ --palette-green-8-channel: 35, 120, 4;
39
+ --palette-green-8: rgb(var(--palette-green-8-channel));
40
+ --palette-green-9-channel: 19, 82, 0;
41
+ --palette-green-9: rgb(var(--palette-green-9-channel));
42
+ --palette-green-10-channel: 9, 43, 0;
43
+ --palette-green-10: rgb(var(--palette-green-10-channel));
44
+
45
+ --palette-blue-1-channel: 230, 244, 255;
46
+ --palette-blue-1: rgb(var(--palette-blue-1-channel));
47
+ --palette-blue-2-channel: 189, 225, 255;
48
+ --palette-blue-2: rgb(var(--palette-blue-2-channel));
49
+ --palette-blue-3-channel: 148, 203, 255;
50
+ --palette-blue-3: rgb(var(--palette-blue-3-channel));
51
+ --palette-blue-4-channel: 107, 179, 255;
52
+ --palette-blue-4: rgb(var(--palette-blue-4-channel));
53
+ --palette-blue-5-channel: 66, 151, 255;
54
+ --palette-blue-5: rgb(var(--palette-blue-5-channel));
55
+ --palette-blue-6-channel: 26, 122, 255;
56
+ --palette-blue-6: rgb(var(--palette-blue-6-channel));
57
+ --palette-blue-7-channel: 11, 90, 217;
58
+ --palette-blue-7: rgb(var(--palette-blue-7-channel));
59
+ --palette-blue-8-channel: 0, 62, 179;
60
+ --palette-blue-8: rgb(var(--palette-blue-8-channel));
61
+ --palette-blue-9-channel: 0, 44, 140;
62
+ --palette-blue-9: rgb(var(--palette-blue-9-channel));
63
+ --palette-blue-10-channel: 0, 29, 102;
64
+ --palette-blue-10: rgb(var(--palette-blue-10-channel));
65
+
66
+ --palette-amber-1-channel: 255, 253, 230;
67
+ --palette-amber-1: rgb(var(--palette-amber-1-channel));
68
+ --palette-amber-2-channel: 255, 246, 166;
69
+ --palette-amber-2: rgb(var(--palette-amber-2-channel));
70
+ --palette-amber-3-channel: 255, 238, 125;
71
+ --palette-amber-3: rgb(var(--palette-amber-3-channel));
72
+ --palette-amber-4-channel: 255, 227, 84;
73
+ --palette-amber-4: rgb(var(--palette-amber-4-channel));
74
+ --palette-amber-5-channel: 255, 213, 43;
75
+ --palette-amber-5: rgb(var(--palette-amber-5-channel));
76
+ --palette-amber-6-channel: 247, 191, 2;
77
+ --palette-amber-6: rgb(var(--palette-amber-6-channel));
78
+ --palette-amber-7-channel: 209, 153, 0;
79
+ --palette-amber-7: rgb(var(--palette-amber-7-channel));
80
+ --palette-amber-8-channel: 171, 120, 0;
81
+ --palette-amber-8: rgb(var(--palette-amber-8-channel));
82
+ --palette-amber-9-channel: 133, 88, 0;
83
+ --palette-amber-9: rgb(var(--palette-amber-9-channel));
84
+ --palette-amber-10-channel: 94, 60, 0;
85
+ --palette-amber-10: rgb(var(--palette-amber-10-channel));
86
+
87
+ --palette-cyan-1-channel: 240, 255, 255;
88
+ --palette-cyan-1: rgb(var(--palette-cyan-1-channel));
89
+ --palette-cyan-2-channel: 199, 254, 255;
90
+ --palette-cyan-2: rgb(var(--palette-cyan-2-channel));
91
+ --palette-cyan-3-channel: 158, 250, 255;
92
+ --palette-cyan-3: rgb(var(--palette-cyan-3-channel));
93
+ --palette-cyan-4-channel: 117, 244, 255;
94
+ --palette-cyan-4: rgb(var(--palette-cyan-4-channel));
95
+ --palette-cyan-5-channel: 77, 234, 255;
96
+ --palette-cyan-5: rgb(var(--palette-cyan-5-channel));
97
+ --palette-cyan-6-channel: 33, 212, 243;
98
+ --palette-cyan-6: rgb(var(--palette-cyan-6-channel));
99
+ --palette-cyan-7-channel: 18, 170, 204;
100
+ --palette-cyan-7: rgb(var(--palette-cyan-7-channel));
101
+ --palette-cyan-8-channel: 7, 131, 166;
102
+ --palette-cyan-8: rgb(var(--palette-cyan-8-channel));
103
+ --palette-cyan-9-channel: 0, 96, 128;
104
+ --palette-cyan-9: rgb(var(--palette-cyan-9-channel));
105
+ --palette-cyan-10-channel: 0, 64, 89;
106
+ --palette-cyan-10: rgb(var(--palette-cyan-10-channel));
107
+
108
+ --palette-orange-1-channel: 255, 248, 230;
109
+ --palette-orange-1: rgb(var(--palette-orange-1-channel));
110
+ --palette-orange-2-channel: 255, 230, 171;
111
+ --palette-orange-2: rgb(var(--palette-orange-2-channel));
112
+ --palette-orange-3-channel: 255, 213, 130;
113
+ --palette-orange-3: rgb(var(--palette-orange-3-channel));
114
+ --palette-orange-4-channel: 252, 192, 88;
115
+ --palette-orange-4: rgb(var(--palette-orange-4-channel));
116
+ --palette-orange-5-channel: 240, 162, 46;
117
+ --palette-orange-5: rgb(var(--palette-orange-5-channel));
118
+ --palette-orange-6-channel: 227, 131, 6;
119
+ --palette-orange-6: rgb(var(--palette-orange-6-channel));
120
+ --palette-orange-7-channel: 189, 101, 0;
121
+ --palette-orange-7: rgb(var(--palette-orange-7-channel));
122
+ --palette-orange-8-channel: 150, 75, 0;
123
+ --palette-orange-8: rgb(var(--palette-orange-8-channel));
124
+ --palette-orange-9-channel: 112, 52, 0;
125
+ --palette-orange-9: rgb(var(--palette-orange-9-channel));
126
+ --palette-orange-10-channel: 74, 32, 0;
127
+ --palette-orange-10: rgb(var(--palette-orange-10-channel));
128
+
129
+ --palette-yellow-1-channel: 254, 255, 230;
130
+ --palette-yellow-1: rgb(var(--palette-yellow-1-channel));
131
+ --palette-yellow-2-channel: 255, 255, 184;
132
+ --palette-yellow-2: rgb(var(--palette-yellow-2-channel));
133
+ --palette-yellow-3-channel: 255, 251, 143;
134
+ --palette-yellow-3: rgb(var(--palette-yellow-3-channel));
135
+ --palette-yellow-4-channel: 255, 245, 102;
136
+ --palette-yellow-4: rgb(var(--palette-yellow-4-channel));
137
+ --palette-yellow-5-channel: 255, 236, 61;
138
+ --palette-yellow-5: rgb(var(--palette-yellow-5-channel));
139
+ --palette-yellow-6-channel: 250, 219, 20;
140
+ --palette-yellow-6: rgb(var(--palette-yellow-6-channel));
141
+ --palette-yellow-7-channel: 212, 177, 6;
142
+ --palette-yellow-7: rgb(var(--palette-yellow-7-channel));
143
+ --palette-yellow-8-channel: 173, 139, 0;
144
+ --palette-yellow-8: rgb(var(--palette-yellow-8-channel));
145
+ --palette-yellow-9-channel: 135, 104, 0;
146
+ --palette-yellow-9: rgb(var(--palette-yellow-9-channel));
147
+ --palette-yellow-10-channel: 97, 71, 0;
148
+ --palette-yellow-10: rgb(var(--palette-yellow-10-channel));
149
+
150
+ --palette-teal-1-channel: 240, 255, 248;
151
+ --palette-teal-1: rgb(var(--palette-teal-1-channel));
152
+ --palette-teal-2-channel: 197, 250, 228;
153
+ --palette-teal-2: rgb(var(--palette-teal-2-channel));
154
+ --palette-teal-3-channel: 147, 237, 203;
155
+ --palette-teal-3: rgb(var(--palette-teal-3-channel));
156
+ --palette-teal-4-channel: 105, 224, 183;
157
+ --palette-teal-4: rgb(var(--palette-teal-4-channel));
158
+ --palette-teal-5-channel: 66, 212, 165;
159
+ --palette-teal-5: rgb(var(--palette-teal-5-channel));
160
+ --palette-teal-6-channel: 29, 200, 151;
161
+ --palette-teal-6: rgb(var(--palette-teal-6-channel));
162
+ --palette-teal-7-channel: 14, 161, 124;
163
+ --palette-teal-7: rgb(var(--palette-teal-7-channel));
164
+ --palette-teal-8-channel: 6, 122, 97;
165
+ --palette-teal-8: rgb(var(--palette-teal-8-channel));
166
+ --palette-teal-9-channel: 0, 84, 69;
167
+ --palette-teal-9: rgb(var(--palette-teal-9-channel));
168
+ --palette-teal-10-channel: 0, 46, 39;
169
+ --palette-teal-10: rgb(var(--palette-teal-10-channel));
170
+
171
+ --palette-purple-1-channel: 250, 240, 255;
172
+ --palette-purple-1: rgb(var(--palette-purple-1-channel));
173
+ --palette-purple-2-channel: 247, 232, 255;
174
+ --palette-purple-2: rgb(var(--palette-purple-2-channel));
175
+ --palette-purple-3-channel: 230, 191, 255;
176
+ --palette-purple-3: rgb(var(--palette-purple-3-channel));
177
+ --palette-purple-4-channel: 199, 143, 242;
178
+ --palette-purple-4: rgb(var(--palette-purple-4-channel));
179
+ --palette-purple-5-channel: 168, 99, 230;
180
+ --palette-purple-5: rgb(var(--palette-purple-5-channel));
181
+ --palette-purple-6-channel: 137, 58, 216;
182
+ --palette-purple-6: rgb(var(--palette-purple-6-channel));
183
+ --palette-purple-7-channel: 104, 39, 179;
184
+ --palette-purple-7: rgb(var(--palette-purple-7-channel));
185
+ --palette-purple-8-channel: 74, 24, 140;
186
+ --palette-purple-8: rgb(var(--palette-purple-8-channel));
187
+ --palette-purple-9-channel: 48, 12, 102;
188
+ --palette-purple-9: rgb(var(--palette-purple-9-channel));
189
+ --palette-purple-10-channel: 28, 7, 64;
190
+ --palette-purple-10: rgb(var(--palette-purple-10-channel));
191
+
192
+ --palette-pink-1-channel: 255, 230, 236;
193
+ --palette-pink-1: rgb(var(--palette-pink-1-channel));
194
+ --palette-pink-2-channel: 255, 189, 207;
195
+ --palette-pink-2: rgb(var(--palette-pink-2-channel));
196
+ --palette-pink-3-channel: 255, 148, 182;
197
+ --palette-pink-3: rgb(var(--palette-pink-3-channel));
198
+ --palette-pink-4-channel: 255, 107, 159;
199
+ --palette-pink-4: rgb(var(--palette-pink-4-channel));
200
+ --palette-pink-5-channel: 255, 66, 139;
201
+ --palette-pink-5: rgb(var(--palette-pink-5-channel));
202
+ --palette-pink-6-channel: 255, 26, 121;
203
+ --palette-pink-6: rgb(var(--palette-pink-6-channel));
204
+ --palette-pink-7-channel: 217, 11, 103;
205
+ --palette-pink-7: rgb(var(--palette-pink-7-channel));
206
+ --palette-pink-8-channel: 179, 0, 86;
207
+ --palette-pink-8: rgb(var(--palette-pink-8-channel));
208
+ --palette-pink-9-channel: 140, 0, 72;
209
+ --palette-pink-9: rgb(var(--palette-pink-9-channel));
210
+ --palette-pink-10-channel: 102, 0, 56;
211
+ --palette-pink-10: rgb(var(--palette-pink-10-channel));
212
+
213
+ --palette-indigo-1-channel: 240, 243, 255;
214
+ --palette-indigo-1: rgb(var(--palette-indigo-1-channel));
215
+ --palette-indigo-2-channel: 224, 231, 255;
216
+ --palette-indigo-2: rgb(var(--palette-indigo-2-channel));
217
+ --palette-indigo-3-channel: 184, 196, 255;
218
+ --palette-indigo-3: rgb(var(--palette-indigo-3-channel));
219
+ --palette-indigo-4-channel: 143, 158, 255;
220
+ --palette-indigo-4: rgb(var(--palette-indigo-4-channel));
221
+ --palette-indigo-5-channel: 98, 113, 245;
222
+ --palette-indigo-5: rgb(var(--palette-indigo-5-channel));
223
+ --palette-indigo-6-channel: 56, 68, 232;
224
+ --palette-indigo-6: rgb(var(--palette-indigo-6-channel));
225
+ --palette-indigo-7-channel: 37, 42, 194;
226
+ --palette-indigo-7: rgb(var(--palette-indigo-7-channel));
227
+ --palette-indigo-8-channel: 22, 22, 156;
228
+ --palette-indigo-8: rgb(var(--palette-indigo-8-channel));
229
+ --palette-indigo-9-channel: 14, 11, 117;
230
+ --palette-indigo-9: rgb(var(--palette-indigo-9-channel));
231
+ --palette-indigo-10-channel: 11, 6, 79;
232
+ --palette-indigo-10: rgb(var(--palette-indigo-10-channel));
123
233
 
124
234
  --theme-green-color-rgb-channel: 82, 196, 26;
125
235
  --theme-green-color: var(--palette-green-6);
@@ -159,137 +269,137 @@
159
269
 
160
270
  html[data-theme="dark-v2"],
161
271
  [data-override-theme="dark-v2"] {
162
- --palette-red-1: #2c1818;
163
- --palette-red-2: #441e19;
164
- --palette-red-3: #59271e;
165
- --palette-red-4: #7a2f20;
166
- --palette-red-5: #a63a22;
167
- --palette-red-6: #d24525;
168
- --palette-red-7: #e86d4c;
169
- --palette-red-8: #f39575;
170
- --palette-red-9: #f8b89f;
171
- --palette-red-10: #fad8c8;
172
-
173
- --palette-green-1: #1d2e17;
174
- --palette-green-2: #284818;
175
- --palette-green-3: #355d1c;
176
- --palette-green-4: #447f1d;
177
- --palette-green-5: #58ae1f;
178
- --palette-green-6: #6cdc20;
179
- --palette-green-7: #8be845;
180
- --palette-green-8: #acf36f;
181
- --palette-green-9: #c8f898;
182
- --palette-green-10: #e0fac1;
183
-
184
- --palette-blue-1: #141d31;
185
- --palette-blue-2: #14284a;
186
- --palette-blue-3: #18355f;
187
- --palette-blue-4: #184481;
188
- --palette-blue-5: #1957af;
189
- --palette-blue-6: #1a6bdd;
190
- --palette-blue-7: #3e8ae8;
191
- --palette-blue-8: #67abf4;
192
- --palette-blue-9: #90c6f8;
193
- --palette-blue-10: #baddfa;
194
-
195
- --palette-amber-1: #2d2616;
196
- --palette-amber-2: #463814;
197
- --palette-amber-3: #5b4a13;
198
- --palette-amber-4: #7c6310;
199
- --palette-amber-5: #a9850c;
200
- --palette-amber-6: #d6a707;
201
- --palette-amber-7: #e8c22c;
202
- --palette-amber-8: #f3d954;
203
- --palette-amber-9: #f8e87d;
204
- --palette-amber-10: #faf2a5;
205
-
206
- --palette-cyan-1: #14282f;
207
- --palette-cyan-2: #163c47;
208
- --palette-cyan-3: #1a505c;
209
- --palette-cyan-4: #1c6d7d;
210
- --palette-cyan-5: #1e93a8;
211
- --palette-cyan-6: #20b9d4;
212
- --palette-cyan-7: #45d5e8;
213
- --palette-cyan-8: #6ee8f4;
214
- --palette-cyan-9: #98f3f8;
215
- --palette-cyan-10: #c1f9fa;
216
-
217
- --palette-orange-1: #2a1f16;
218
- --palette-orange-2: #412b14;
219
- --palette-orange-3: #553815;
220
- --palette-orange-4: #734812;
221
- --palette-orange-5: #9c5e0e;
222
- --palette-orange-6: #c5740b;
223
- --palette-orange-7: #da952e;
224
- --palette-orange-8: #f1b958;
225
- --palette-orange-9: #f8d082;
226
- --palette-orange-10: #fae3aa;
227
-
228
- --palette-yellow-1: #2e2816;
229
- --palette-yellow-2: #463e16;
230
- --palette-yellow-3: #5b5219;
231
- --palette-yellow-4: #7e7019;
232
- --palette-yellow-5: #ab9818;
233
- --palette-yellow-6: #d9bf17;
234
- --palette-yellow-7: #e8d73c;
235
- --palette-yellow-8: #f3ea65;
236
- --palette-yellow-9: #f8f48d;
237
- --palette-yellow-10: #fafab7;
238
-
239
- --palette-teal-1: #142625;
240
- --palette-teal-2: #153a33;
241
- --palette-teal-3: #194d40;
242
- --palette-teal-4: #1a6853;
243
- --palette-teal-5: #1c8b6d;
244
- --palette-teal-6: #1daf86;
245
- --palette-teal-7: #3ec399;
246
- --palette-teal-8: #67d9b1;
247
- --palette-teal-9: #93e9c9;
248
- --palette-teal-10: #c3f7e2;
249
-
250
- --palette-purple-1: #1f172b;
251
- --palette-purple-2: #2b1b40;
252
- --palette-purple-3: #3a2254;
253
- --palette-purple-4: #4b2770;
254
- --palette-purple-5: #622e97;
255
- --palette-purple-6: #7936bd;
256
- --palette-purple-7: #9a5bd2;
257
- --palette-purple-8: #be89e7;
258
- --palette-purple-9: #e0baf8;
259
- --palette-purple-10: #f3e4fa;
260
-
261
- --palette-pink-1: #2e1423;
262
- --palette-pink-2: #48142e;
263
- --palette-pink-3: #5d1837;
264
- --palette-pink-4: #7f1846;
265
- --palette-pink-5: #ae195a;
266
- --palette-pink-6: #dc1a6d;
267
- --palette-pink-7: #e83e82;
268
- --palette-pink-8: #f3679a;
269
- --palette-pink-9: #f890b3;
270
- --palette-pink-10: #fabacd;
271
-
272
- --palette-indigo-1: #17172e;
273
- --palette-indigo-2: #1b1c45;
274
- --palette-indigo-3: #212558;
275
- --palette-indigo-4: #262c78;
276
- --palette-indigo-5: #2d36a1;
277
- --palette-indigo-6: #343fcb;
278
- --palette-indigo-7: #5b69e1;
279
- --palette-indigo-8: #8997f4;
280
- --palette-indigo-9: #b3bff8;
281
- --palette-indigo-10: #dce3fa;
282
-
283
- --theme-green-color-rgb-channel: 108, 220, 32;
272
+ --palette-red-1-channel: 44, 27, 27;
273
+ --palette-red-2-channel: 68, 35, 32;
274
+ --palette-red-3-channel: 89, 46, 39;
275
+ --palette-red-4-channel: 122, 58, 46;
276
+ --palette-red-5-channel: 166, 74, 55;
277
+ --palette-red-6-channel: 210, 89, 63;
278
+ --palette-red-7-channel: 232, 133, 106;
279
+ --palette-red-8-channel: 243, 172, 150;
280
+ --palette-red-9-channel: 248, 207, 191;
281
+ --palette-red-10-channel: 250, 239, 233;
282
+
283
+ --palette-green-1-channel: 22, 42, 29;
284
+ --palette-green-2-channel: 24, 64, 35;
285
+ --palette-green-3-channel: 29, 84, 42;
286
+ --palette-green-4-channel: 32, 114, 49;
287
+ --palette-green-5-channel: 35, 154, 60;
288
+ --palette-green-6-channel: 39, 195, 70;
289
+ --palette-green-7-channel: 77, 216, 101;
290
+ --palette-green-8-channel: 122, 239, 138;
291
+ --palette-green-9-channel: 167, 248, 174;
292
+ --palette-green-10-channel: 208, 250, 211;
293
+
294
+ --palette-blue-1-channel: 24, 30, 49;
295
+ --palette-blue-2-channel: 29, 43, 74;
296
+ --palette-blue-3-channel: 37, 56, 95;
297
+ --palette-blue-4-channel: 44, 73, 129;
298
+ --palette-blue-5-channel: 54, 95, 175;
299
+ --palette-blue-6-channel: 63, 117, 221;
300
+ --palette-blue-7-channel: 101, 151, 232;
301
+ --palette-blue-8-channel: 144, 185, 244;
302
+ --palette-blue-9-channel: 186, 214, 248;
303
+ --palette-blue-10-channel: 228, 239, 250;
304
+
305
+ --palette-amber-1-channel: 45, 36, 23;
306
+ --palette-amber-2-channel: 70, 54, 23;
307
+ --palette-amber-3-channel: 90, 72, 27;
308
+ --palette-amber-4-channel: 124, 96, 28;
309
+ --palette-amber-5-channel: 169, 129, 29;
310
+ --palette-amber-6-channel: 213, 162, 29;
311
+ --palette-amber-7-channel: 232, 190, 67;
312
+ --palette-amber-8-channel: 243, 214, 108;
313
+ --palette-amber-9-channel: 248, 230, 149;
314
+ --palette-amber-10-channel: 250, 242, 191;
315
+
316
+ --palette-cyan-1-channel: 20, 40, 47;
317
+ --palette-cyan-2-channel: 22, 60, 71;
318
+ --palette-cyan-3-channel: 26, 80, 92;
319
+ --palette-cyan-4-channel: 28, 109, 125;
320
+ --palette-cyan-5-channel: 30, 147, 168;
321
+ --palette-cyan-6-channel: 32, 185, 212;
322
+ --palette-cyan-7-channel: 69, 213, 232;
323
+ --palette-cyan-8-channel: 110, 232, 244;
324
+ --palette-cyan-9-channel: 152, 243, 248;
325
+ --palette-cyan-10-channel: 193, 249, 250;
326
+
327
+ --palette-orange-1-channel: 46, 32, 23;
328
+ --palette-orange-2-channel: 72, 46, 25;
329
+ --palette-orange-3-channel: 93, 61, 30;
330
+ --palette-orange-4-channel: 127, 80, 31;
331
+ --palette-orange-5-channel: 174, 106, 34;
332
+ --palette-orange-6-channel: 220, 131, 36;
333
+ --palette-orange-7-channel: 232, 161, 74;
334
+ --palette-orange-8-channel: 243, 190, 115;
335
+ --palette-orange-9-channel: 248, 213, 157;
336
+ --palette-orange-10-channel: 250, 232, 198;
337
+
338
+ --palette-yellow-1-channel: 46, 40, 22;
339
+ --palette-yellow-2-channel: 70, 62, 22;
340
+ --palette-yellow-3-channel: 91, 82, 25;
341
+ --palette-yellow-4-channel: 126, 112, 25;
342
+ --palette-yellow-5-channel: 171, 152, 24;
343
+ --palette-yellow-6-channel: 217, 191, 23;
344
+ --palette-yellow-7-channel: 232, 215, 60;
345
+ --palette-yellow-8-channel: 243, 234, 101;
346
+ --palette-yellow-9-channel: 248, 244, 141;
347
+ --palette-yellow-10-channel: 250, 250, 183;
348
+
349
+ --palette-teal-1-channel: 20, 38, 37;
350
+ --palette-teal-2-channel: 21, 58, 51;
351
+ --palette-teal-3-channel: 25, 77, 64;
352
+ --palette-teal-4-channel: 26, 104, 83;
353
+ --palette-teal-5-channel: 28, 139, 109;
354
+ --palette-teal-6-channel: 29, 175, 134;
355
+ --palette-teal-7-channel: 62, 195, 153;
356
+ --palette-teal-8-channel: 103, 217, 177;
357
+ --palette-teal-9-channel: 147, 233, 201;
358
+ --palette-teal-10-channel: 195, 247, 226;
359
+
360
+ --palette-purple-1-channel: 31, 23, 43;
361
+ --palette-purple-2-channel: 43, 27, 64;
362
+ --palette-purple-3-channel: 58, 34, 84;
363
+ --palette-purple-4-channel: 75, 39, 112;
364
+ --palette-purple-5-channel: 98, 46, 151;
365
+ --palette-purple-6-channel: 121, 54, 189;
366
+ --palette-purple-7-channel: 154, 91, 210;
367
+ --palette-purple-8-channel: 190, 137, 231;
368
+ --palette-purple-9-channel: 224, 186, 248;
369
+ --palette-purple-10-channel: 243, 228, 250;
370
+
371
+ --palette-pink-1-channel: 46, 20, 35;
372
+ --palette-pink-2-channel: 72, 20, 46;
373
+ --palette-pink-3-channel: 93, 24, 55;
374
+ --palette-pink-4-channel: 127, 24, 70;
375
+ --palette-pink-5-channel: 174, 25, 90;
376
+ --palette-pink-6-channel: 220, 26, 109;
377
+ --palette-pink-7-channel: 232, 62, 130;
378
+ --palette-pink-8-channel: 243, 103, 154;
379
+ --palette-pink-9-channel: 248, 144, 179;
380
+ --palette-pink-10-channel: 250, 186, 205;
381
+
382
+ --palette-indigo-1-channel: 23, 23, 46;
383
+ --palette-indigo-2-channel: 27, 28, 69;
384
+ --palette-indigo-3-channel: 33, 37, 88;
385
+ --palette-indigo-4-channel: 38, 44, 120;
386
+ --palette-indigo-5-channel: 45, 54, 161;
387
+ --palette-indigo-6-channel: 52, 63, 203;
388
+ --palette-indigo-7-channel: 91, 105, 225;
389
+ --palette-indigo-8-channel: 137, 151, 244;
390
+ --palette-indigo-9-channel: 179, 191, 248;
391
+ --palette-indigo-10-channel: 220, 227, 250;
392
+
393
+ --theme-green-color-rgb-channel: 39, 195, 70;
284
394
  --theme-green-background: var(--palette-green-2);
285
395
 
286
- --theme-red-color-rgb-channel: 210, 69, 37;
396
+ --theme-red-color-rgb-channel: 210, 89, 63;
287
397
  --theme-red-background: var(--palette-red-2);
288
398
 
289
- --theme-blue-color-rgb-channel: 26, 107, 221;
399
+ --theme-blue-color-rgb-channel: 63, 117, 221;
290
400
  --theme-blue-background: var(--palette-blue-2);
291
401
 
292
- --theme-orange-color-rgb-channel: 197, 116, 11;
402
+ --theme-orange-color-rgb-channel: 220, 131, 36;
293
403
  --theme-orange-background: var(--palette-orange-2);
294
404
 
295
405
  --theme-cyan-color-rgb-channel: 32, 185, 212;
@@ -339,6 +449,7 @@ html[data-theme="dark-v2"],
339
449
  --color-fill-bg-base-2: rgb(255, 255, 255, 0.08);
340
450
  --color-fill-bg-base-3: #f3f4f7;
341
451
  --color-fill-bg-base-4: var(--palette-gray-2);
452
+ --color-fill-bg-base-5: var(--palette-gray-1);
342
453
  --color-text-divider-line: var(--palette-gray-4);
343
454
  --color-border-divider-line: var(--palette-gray-5);
344
455
  --color-header-text: var(--palette-gray-9);
@@ -362,6 +473,7 @@ html[data-theme="dark-v2"],
362
473
  --color-info-outline: var(--palette-blue-3);
363
474
 
364
475
  --color-normal-icon: var(--palette-gray-1);
476
+ --color-selected-icon: rgba(255, 255, 255, 0.85);
365
477
 
366
478
  --color-warning: var(--palette-amber-6);
367
479
  --color-warning-hover: var(--palette-amber-4);
@@ -379,26 +491,30 @@ html[data-theme="dark-v2"],
379
491
  --small-border-radius: 2px;
380
492
  --medius-border-radius: 4px;
381
493
  --larger-border-radius: 6px;
494
+ --larger-border-radius-2: 12px;
382
495
  /* 元素的尺寸不确定，需要设置一个很大的值才能达到纯圆角的场景 */
383
496
  --container-border-radius: 9999px;
384
497
  --no-border-radius: 0px;
498
+ --chart-border-radius: 3px;
385
499
  --special-border-radius: 0 0 6px 6px;
386
500
 
501
+ --special-title-font-size-larger: 40px;
502
+ --special-title-font-size: 20px;
503
+ --special-title-font-size-small: 18px;
387
504
  --normal-font-size: 14px;
388
505
  --title-font-size: 16px;
389
- --special-title-font-size: 20px;
390
506
  --sub-menu-title-font-size: 18px;
391
507
  --card-title-font-size: 16px;
392
- --statistical-title-font-size: 16px;
393
508
  --sub-title-font-size-small: 12px;
394
509
  --sub-title-font-size: 14px;
395
510
  --auxiliary-font-size: 14px;
396
511
  --auxiliary-font-size-small: 12px;
397
512
  --bread-crumbs-font-size: 12px;
513
+
398
514
  --overview-data-font-size: 30px;
515
+ --statistical-title-font-size: 16px;
399
516
  --special-data-font-size: 20px;
400
517
  --normal-data-font-size: 16px;
401
- --special-title-font-size-small: 18px;
402
518
 
403
519
  --font-weight-600: 600;
404
520
  --font-weight-500: 500;
@@ -411,9 +527,10 @@ html[data-theme="dark-v2"],
411
527
 
412
528
  --base-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
413
529
  --feedback-container-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
414
- --left-sidebar-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8);
530
+ --left-sidebar-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
415
531
  --right-slide-shadow: -2px 0px 8px 0px rgba(0, 0, 0, 0.14);
416
532
  --left-slide-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.14);
533
+ --up-slide-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.14);
417
534
  --connected-overlay-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
418
535
  --fullscreen-overlay-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
419
536
  --hover-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
@@ -423,10 +540,16 @@ html[data-theme="dark-v2"],
423
540
  --input-success-shadow: 0px 0px 0px 2px rgba(229, 255, 199, 1);
424
541
  --input-error-shadow: 0px 0px 0px 2px rgba(255, 218, 201, 1);
425
542
  --chart-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
543
+
426
544
  --border-width-base: 1px;
427
545
  --border-width-double-base: 2px;
428
546
  --no-border-width: 0;
429
547
 
548
+ --punctate-width-base: 1px;
549
+ --punctate-width-double-base: 2px;
550
+ --paragraph-width-base: 1px;
551
+ --paragraph-width-double-base: 2px;
552
+
430
553
  --menu-bg: #4e93ef;
431
554
  --menu-item-selected-bg: var(--color-brand);
432
555
  --menu-group-active-bg: var(--palette-blue-7);
@@ -437,6 +560,7 @@ html[data-theme="dark-v2"],
437
560
  --menu-submenu-group-selected-bg: var(--palette-gray-3);
438
561
  --menu-submenu-selected-bg: rgba(0, 99, 206, 0.2);
439
562
  --menu-dropdown-bg: var(--palette-blue-1);
563
+ --app-submenu-bg: var(--palette-gray-1);
440
564
  --app-submenu-active-bg: #e0eeff;
441
565
 
442
566
  --checkbox-bg-hover: #ebf3fd;
@@ -444,7 +568,10 @@ html[data-theme="dark-v2"],
444
568
  --input-outline-hover: var(--palette-blue-6);
445
569
  --input-outline-focus: var(--palette-blue-6);
446
570
  --input-fill-bg: var(--palette-gray-3);
571
+ --input-outline-fill: var(--palette-gray-1);
447
572
  --input-outline-disabled: var(--palette-gray-3);
573
+ --input-success-outline: var(--palette-green-6);
574
+ --input-error-outline: var(--palette-red-6);
448
575
 
449
576
  --chart-legend-font-size: 12px;
450
577
  --chart-tooltips-font-size: 12px;
@@ -460,6 +587,14 @@ html[data-theme="dark-v2"],
460
587
  --v8-top-menu-item-selected-bg: var(--palette-gray-3);
461
588
  --v8-left-menu-bg: rgba(255, 255, 255, 0.3);
462
589
  --v8-left-menu-hover-bg: rgba(255, 255, 255, 0.8);
590
+ --v8-left-sidebar-item-hover: rgba(--palette-gray-3);
591
+ --v8-left-sidebar-border-right: linear-gradient(
592
+ 152deg,
593
+ rgba(255, 255, 255, 0) 0%,
594
+ #e8e8e8 12%,
595
+ #e8e8e8 88%,
596
+ rgba(255, 255, 255, 0) 100%
597
+ );
463
598
 
464
599
  /* component CSS variables */
465
600
 
@@ -883,6 +1018,7 @@ html[data-theme="dark-v2"],
883
1018
  --antd-timeline-extension-day-color: var(--color-strong-text);
884
1019
 
885
1020
  /*** cascader ***/
1021
+ --ant-cascader-menus-bg: var(--antd-component-background);
886
1022
  --antd-cascader-picker-clear-color: var(--palette-gray-6);
887
1023
  --antd-cascader-picker-clear-color-hover: var(--palette-gray-7);
888
1024
  --antd-cascader-picker-arrow-color: var(--palette-gray-6);
@@ -965,6 +1101,7 @@ html[data-theme="dark-v2"],
965
1101
  --card-item-border-radius: var(--card-inner-border-radius);
966
1102
  --card-item-bg: var(--antd-component-background);
967
1103
  --card-item-hover-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
1104
+ --card-item-hover-bg: var(--palette-rgba-gray-2);
968
1105
  --card-item-title-color: var(--text-color-title);
969
1106
  --card-item-sub-title-color: var(--text-color-secondary);
970
1107
  --card-item-desc-color: var(--text-color-secondary);
@@ -984,6 +1121,13 @@ html[data-theme="dark-v2"],
984
1121
  /*** page-title ***/
985
1122
  --page-title-font-size: 18px;
986
1123
  --page-title-font-weight: var(--font-weight-400);
1124
+
1125
+ /*** monitor-alert custom css variables ***/
1126
+ --monitor-alert-message: #6bb3ff;
1127
+ --monitor-alert-info: #fb653c;
1128
+ --monitor-alert-warning: #e20000;
1129
+ --monitor-alert-critical: #a61b08;
1130
+ --monitor-alert-emergency: #590400;
987
1131
  }
988
1132
 
989
1133
  html[data-theme="dark-v2"],
@@ -1017,24 +1161,38 @@ html[data-theme="dark-v2"],
1017
1161
  --palette-gray-9: #dcdcdc;
1018
1162
  --palette-gray-10: #ffffff;
1019
1163
 
1020
- --body-background: #17171a;
1164
+ --body-background: var(--color-fill-global-bg-1);
1021
1165
 
1022
1166
  --theme-gray-color-rgb-channel: 174, 174, 175;
1167
+ --theme-gray-color: var(--palette-rgba-gray-8);
1168
+ --theme-gray-background: var(--palette-rgba-gray-3);
1169
+ --theme-gray-border-color: var(--palette-rgba-gray-4);
1023
1170
 
1024
1171
  --color-brand: var(--palette-blue-6);
1025
- --color-fill-global-bg-1: var(--palette-rgba-gray-1);
1172
+ --color-brand-hover: var(--palette-blue-5);
1173
+ --color-brand-active: var(--palette-blue-7);
1174
+ --color-fill-global-bg-1: #29292d;
1175
+ --color-fill-global-bg-2: #29292d;
1026
1176
 
1027
- --color-fill-bg-container-1: #232324;
1177
+ --color-fill-bg-container-1: #202021;
1028
1178
  --color-fill-bg-container-2: #2a2a2b;
1029
1179
  --color-fill-bg-container-3: #313132;
1030
1180
  --color-fill-bg-container-4: #373739;
1031
1181
  --color-fill-bg-container-5: rgba(55, 55, 57, 0.95);
1032
1182
 
1183
+ --color-fill-bg-base-1: var(--palette-rgba-gray-3);
1033
1184
  --color-fill-bg-base-2: var(--palette-rgba-gray-3);
1034
1185
  --color-fill-bg-base-3: var(--palette-rgba-gray-2);
1035
- --color-auxiliary-text: var(--palette-rgba-gray-8);
1186
+ --color-fill-bg-base-4: var(--palette-rgba-gray-2);
1187
+ --color-fill-bg-base-5: var(--palette-rgba-gray-2);
1188
+ --color-text-divider-line: var(--palette-rgba-gray-4);
1189
+ --color-header-text: var(--palette-rgba-gray-9);
1036
1190
  --color-strong-text: var(--palette-rgba-gray-10);
1037
1191
  --color-normal-text: var(--palette-rgba-gray-9);
1192
+ --color-auxiliary-text: var(--palette-rgba-gray-8);
1193
+ --color-secondary-text: var(--palette-rgba-gray-7);
1194
+ --color-disabled-text: var(--palette-rgba-gray-6);
1195
+
1038
1196
  --color-border-divider-line: #454547;
1039
1197
 
1040
1198
  --stroke-color-default: var(--color-text-divider-line);
@@ -1043,17 +1201,32 @@ html[data-theme="dark-v2"],
1043
1201
  --text-color-secondary: var(--color-secondary-text);
1044
1202
  --text-color-link: var(--color-brand);
1045
1203
 
1046
- --color-info-bg: var(--palette-blue-2);
1204
+ --color-success-bg: rgba(var(--palette-green-6-channel), 0.2);
1205
+ --color-success-hover: var(--palette-green-5);
1206
+ --color-success-active: var(--palette-green-7);
1207
+ --color-success-outline: rgba(var(--palette-green-6-channel), 0.3);
1047
1208
 
1048
- --color-success-bg: var(--palette-green-2);
1209
+ --color-info-hover: var(--palette-blue-5);
1210
+ --color-info-active: var(--palette-7);
1211
+ --color-info-bg: rgba(var(--palette-blue-6-channel), 0.2);
1212
+ --color-info-outline: rgba(var(--palette-blue-6-channel), 0.35);
1049
1213
 
1050
- --color-warning-bg: var(--palette-amber-2);
1214
+ --color-warning: var(--palette-amber-6);
1215
+ --color-warning-hover: var(--palette-amber-5);
1216
+ --color-warning-active: var(--palette-amber-7);
1217
+ --color-warning-bg: rgba(var(--palette-amber-6-channel), 0.2);
1218
+ --color-warning-outline: rgba(var(--palette-amber-6-channel), 0.3);
1051
1219
 
1052
- --color-error-bg: var(--palette-red-2);
1220
+ --color-error: var(--palette-red-6);
1221
+ --color-error-hover: var(--palette-red-5);
1222
+ --color-error-active: var(--palette-red-7);
1223
+ --color-error-bg: rgba(var(--palette-red-6-channel), 0.2);
1224
+ --color-error-outline: rgba(var(--palette-red-6-channel), 0.3);
1053
1225
 
1054
1226
  --color-normal-icon: var(--palette-rgba-gray-10);
1227
+ --color-selected-icon: var(--palette-rgba-gray-9);
1055
1228
 
1056
- --mask-bg: rgba(23, 23, 26, 0.6);
1229
+ --mask-bg: rgba(23, 23, 26, 0.7);
1057
1230
 
1058
1231
  --base-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.1);
1059
1232
  --feedback-container-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14);
@@ -1071,32 +1244,45 @@ html[data-theme="dark-v2"],
1071
1244
  --input-error-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1);
1072
1245
  --chart-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14);
1073
1246
 
1074
- --menu-bg: var(--palette-gray-3);
1247
+ --menu-bg: #202021;
1075
1248
  --menu-item-selected-bg: var(--palette-blue-6);
1076
- --menu-group-active-bg: var(--palette-gray-2);
1249
+ --menu-group-active-bg: var(--palette-rgba-gray-2);
1077
1250
  --menu-collapse-bar-border-color: var(--palette-rgba-gray-3);
1078
1251
  --menu-collapse-bar-bg: var(--palette-rgba-gray-3);
1252
+ --menu-submenu-group-active-bg: var(--palette-rgba-gray-2);
1079
1253
  --menu-item-hover: var(--palette-rgba-gray-2);
1080
- --app-submenu-bg: var(--palette-rgba-gray-2);
1254
+ --app-submenu-bg: #202021;
1081
1255
  --menu-submenu-group-selected-bg: var(--palette-rgba-gray-3);
1082
1256
  --menu-submenu-selected-bg: var(--palette-rgba-gray-3);
1083
1257
  --menu-dropdown-bg: var(--palette-blue-1);
1084
- --app-submenu-active-bg: var(--palette-blue-1);
1258
+ --app-submenu-bg: #202021;
1259
+ --app-submenu-active-bg: var(--palette-blue-2);
1085
1260
 
1086
1261
  --checkbox-bg-hover: var(--palette-rgba-gray-3);
1087
1262
  --checkbox-bg-active: var(--palette-blue-2);
1088
1263
  --dashboard-radio-item-shadow: 0px 0px 0px 2px rgba(20, 40, 74, 0.15);
1264
+ --input-outline-fill: #202021;
1089
1265
  --input-fill-bg: var(--palette-rgba-gray-2);
1266
+ --input-outline-disabled: var(--palette-rgba-gray-3);
1267
+
1090
1268
  --chart-tooltip-bg: rgba(23, 23, 26, 0.95);
1091
1269
  --chart-auxiliary-text: var(--palette-rgba-gray-9);
1092
1270
  --chart-outline-select: var(--palette-rgba-gray-10);
1093
1271
 
1094
1272
  /* 8.0 框架 */
1095
- --v8-top-navigation-bg: var(--palette-gray-3);
1273
+ --v8-top-navigation-bg: var(--palette-rgba-gray-3);
1096
1274
  --v8-top-menu-item-hover: var(--palette-rgba-gray-3);
1097
- --v8-top-menu-item-selected-bg: var(--palette-gray-4);
1275
+ --v8-top-menu-item-selected-bg: var(--palette-rgba-gray-4);
1098
1276
  --v8-left-menu-bg: rgba(32, 32, 33, 0.3);
1099
1277
  --v8-left-menu-hover-bg: rgba(32, 32, 33, 0.8);
1278
+ --v8-left-sidebar-item-hover: rgba(--palette-gray-4);
1279
+ --v8-left-sidebar-border-right: linear-gradient(
1280
+ 146deg,
1281
+ rgba(255, 255, 255, 0) 0%,
1282
+ rgba(232, 232, 232, 0.12) 12%,
1283
+ rgba(232, 232, 232, 0.12) 88%,
1284
+ rgba(255, 255, 255, 0) 100%
1285
+ );
1100
1286
 
1101
1287
  /* component CSS variables */
1102
1288
 
@@ -1179,14 +1365,14 @@ html[data-theme="dark-v2"],
1179
1365
  --antd-card-footer-bg: var(--palette-gray-3);
1180
1366
 
1181
1367
  /*** radio dashboard ***/
1182
- --antd-dashboard-radio-bg: var(--color-fill-bg-container-3);
1183
- --antd-dashboard-radio-item-bg: var(--color-fill-bg-container-3);
1368
+ --antd-dashboard-radio-bg: var(--color-fill-bg-container-5);
1369
+ --antd-dashboard-radio-item-bg: var(--antd-dashboard-radio-bg);
1184
1370
  --antd-dashboard-radio-item-color: var(--color-normal-text);
1185
1371
  --antd-dashboard-radio-item-disabled-color: var(--color-disabled-text);
1186
1372
  --antd-dashboard-radio-item-checked-border-color: var(
1187
1373
  --antd-dashboard-radio-bg
1188
1374
  );
1189
- --antd-dashboard-radio-item-checked-bg: var(--color-fill-bg-base-3);
1375
+ --antd-dashboard-radio-item-checked-bg: var(--color-fill-bg-base-1);
1190
1376
  --antd-dashboard-radio-item-checked-shadow: var(--radio-item-shadow);
1191
1377
 
1192
1378
  /*** radio button ***/
@@ -1221,7 +1407,7 @@ html[data-theme="dark-v2"],
1221
1407
  --antd-chart-legend-hover-text-color: var(--palette-rgba-gray-7);
1222
1408
  --antd-chart-legend-unchecked-text-color: var(--color-disabled-text);
1223
1409
  --antd-chart-legend-unchecked-mark-color: var(--color-disabled-text);
1224
- --antd-chart-legend-pageNavigator-marker-color: var(--palette-rgba-gray-10);
1410
+ --antd-chart-legend-pageNavigator-marker-color: var(--color-auxiliary-text);
1225
1411
  --antd-chart-legend-pageNavigator-marker-inactive-color: var(
1226
1412
  --palette-rgba-gray-6
1227
1413
  );
@@ -1245,8 +1431,8 @@ html[data-theme="dark-v2"],
1245
1431
  --antd-btn-primary-bg: var(--antd-primary-color);
1246
1432
  --antd-btn-primary-bg-image: linear-gradient(
1247
1433
  225deg,
1248
- #3e8ae8 0%,
1249
- #1a6bdd 100%
1434
+ #6597e8 0%,
1435
+ #3f75dd 100%
1250
1436
  );
1251
1437
  --antd-btn-primary-hover-bg: var(--color-info-hover);
1252
1438
  --antd-btn-primary-hover-color: var(--color-normal-text);
@@ -1255,13 +1441,13 @@ html[data-theme="dark-v2"],
1255
1441
 
1256
1442
  --antd-btn-default-color: var(--color-auxiliary-text);
1257
1443
  --antd-btn-default-border: var(--color-border-divider-line);
1258
- --antd-btn-default-bg: var(--color-fill-bg-container-1);
1444
+ --antd-btn-default-bg: var(--palette-rgba-gray-1);
1259
1445
  --antd-btn-default-active-border-color: var(--color-brand);
1260
1446
  --antd-btn-default-active-color: var(--color-info);
1261
1447
  --antd-btn-default-hover-color: var(--color-brand-hover);
1262
1448
  --antd-btn-default-hover-border-color: var(--color-brand-hover);
1263
1449
 
1264
- --antd-btn-danger-bg-image: linear-gradient(45deg, #d24525 0%, #7d3426 100%);
1450
+ --antd-btn-danger-bg-image: linear-gradient(225deg, #e86d4c 0%, #d24525 100%);
1265
1451
  --antd-btn-danger-color: var(--color-normal-text);
1266
1452
  --antd-btn-danger-hover-bg: var(--color-error-hover);
1267
1453
  --antd-btn-danger-hover-color: var(--antd-btn-danger-color);
@@ -1283,7 +1469,7 @@ html[data-theme="dark-v2"],
1283
1469
  --antd-anchor-radio-type-title-active-bg: var(--color-fill-bg-base-3);
1284
1470
 
1285
1471
  /*** input ***/
1286
- --antd-input-bg: var(--antd-component-background);
1472
+ --antd-input-bg: var(--palette-rgba-gray-1);
1287
1473
  --antd-input-color: var(--color-normal-text);
1288
1474
  --antd-input-focus-border-color: var(--input-outline-focus);
1289
1475
  --antd-input-hover-border-color: var(--input-outline-hover);
@@ -1293,7 +1479,7 @@ html[data-theme="dark-v2"],
1293
1479
 
1294
1480
  /*** select ***/
1295
1481
  --antd-select-item-selected-bg: var(--menu-dropdown-bg);
1296
- --antd-select-dropdown-bg: var(--antd-component-background);
1482
+ --antd-select-dropdown-bg: var(--color-fill-bg-container-4);
1297
1483
  --antd-select-item-active-bg: var(--antd-item-active-bg);
1298
1484
 
1299
1485
  /*** table ***/
@@ -1301,7 +1487,7 @@ html[data-theme="dark-v2"],
1301
1487
  --antd-table-body-sort-bg: var(--palette-rgba-gray-3);
1302
1488
  --antd-table-border-color: var(--color-text-divider-line);
1303
1489
  --antd-table-even-bg: var(--antd-table-bg);
1304
- --antd-table-header-bg: var(--color-fill-bg-base-4);
1490
+ --antd-table-header-bg: #2e2e30;
1305
1491
  --antd-table-header-color: var(--color-header-text);
1306
1492
  --antd-table-row-hover-bg: var(--palette-gray-3);
1307
1493
 
@@ -1319,7 +1505,7 @@ html[data-theme="dark-v2"],
1319
1505
  --antd-table-row-expand-nested-wrapper: var(--color-fill-bg-container-2);
1320
1506
  --antd-table-row-expand-nested-wrapper-border: var(--antd-table-border-color);
1321
1507
  --antd-table-expanded-row-bg: var(--antd-table-row-expand-nested-wrapper);
1322
- --antd-table-cell-fixed-header-bg: var(--palette-gray-2);
1508
+ --antd-table-cell-fixed-header-bg: var(--antd-table-header-bg);
1323
1509
  --antd-table-cell-fixed-body-bg: var(--antd-component-background);
1324
1510
 
1325
1511
  /*** pagination ***/
@@ -1463,7 +1649,7 @@ html[data-theme="dark-v2"],
1463
1649
 
1464
1650
  /*** slider ***/
1465
1651
  --antd-slider-track-background-color: var(--palette-blue-6);
1466
- --antd-slider-track-background-color-hover: var(--palette-blue-4);
1652
+ --antd-slider-track-background-color-hover: var(--palette-blue-5);
1467
1653
  --antd-slider-rail-background-color: var(--color-fill-bg-base-1);
1468
1654
  --antd-slider-rail-background-color-hover: var(--palette-rgba-gray-5);
1469
1655
  --antd-slider-handle-color: var(--palette-blue-6);
@@ -1474,13 +1660,13 @@ html[data-theme="dark-v2"],
1474
1660
  --antd-slider-mark-text-active-color: var(--color-normal-text);
1475
1661
 
1476
1662
  --antd-slide-dashboard-track-background-color: #2a78f4;
1477
- --antd-slider-dashboard-track-background-color-hover: var(--palette-blue-4);
1663
+ --antd-slider-dashboard-track-background-color-hover: var(--palette-blue-5);
1478
1664
  --antd-slider-dashboard-hander-background-color: var(--color-brand);
1479
1665
  --antd-slider-dashboard-hander-border-color: #14284a;
1480
1666
  --antd-slider-dashboard-hander-icon-color: var(--color-white);
1481
1667
  --antd-slide-dashboard-hander-boxShadow: 0px 1px 18px 0px
1482
1668
  rgba(20, 40, 74, 0.1);
1483
- --antd-slide-dashboard-hander-color-hover: var(--palette-blue-4);
1669
+ --antd-slide-dashboard-hander-color-hover: var(--palette-blue-5);
1484
1670
 
1485
1671
  /*** 彩色标签 tag ***/
1486
1672
  --tag-gray-color: var(--color-secondary-text);
@@ -1550,6 +1736,7 @@ html[data-theme="dark-v2"],
1550
1736
  --antd-timeline-extension-day-color: var(--color-strong-text);
1551
1737
 
1552
1738
  /*** cascader ***/
1739
+ --ant-cascader-menus-bg: var(--color-fill-bg-container-4);
1553
1740
  --antd-cascader-picker-clear-color: var(--palette-rgba-gray-6);
1554
1741
  --antd-cascader-picker-clear-color-hover: var(--palette-rgba-gray-7);
1555
1742
  --antd-cascader-picker-arrow-color: var(--palette-rgba-gray-6);
@@ -1595,8 +1782,8 @@ html[data-theme="dark-v2"],
1595
1782
  --antd-upload-list-type-picture-error-border-color: var(
1596
1783
  --color-error-outline
1597
1784
  );
1598
- --antd-upload-select-picture-card-bg: var(--palette-gray-2);
1599
- --antd-upload-list-type-picture-card-bg: var(--palette-gray-2);
1785
+ --antd-upload-select-picture-card-bg: var(--palette-rgba-gray-2);
1786
+ --antd-upload-list-type-picture-card-bg: var(--palette-rgba-gray-2);
1600
1787
  --antd-upload-list-item-hover-bg: var(--color-fill-bg-base-1);
1601
1788
  --antd-upload-error-color: var(--color-error);
1602
1789
 
@@ -1634,6 +1821,7 @@ html[data-theme="dark-v2"],
1634
1821
  --card-item-border-radius: var(--card-inner-border-radius);
1635
1822
  --card-item-bg: var(--color-fill-bg-container-1);
1636
1823
  --card-item-hover-shadow: var(--hover-shadow);
1824
+ --card-item-hover-bg: var(--card-item-bg);
1637
1825
  --card-item-title-color: var(--text-color-title);
1638
1826
  --card-item-sub-title-color: var(--text-color-secondary);
1639
1827
  --card-item-desc-color: var(--text-color-secondary);
@@ -1650,6 +1838,13 @@ html[data-theme="dark-v2"],
1650
1838
  --dropdown-select-shape-type-trigger-shadow: 0px 2px 6px 0px
1651
1839
  rgba(0, 0, 0, 0.4);
1652
1840
  --dropdown-select-shape-type-disable-bg: var(--color-disabled-text);
1841
+
1842
+ /*** monitor-alert custom css variables ***/
1843
+ --monitor-alert-message: #2c4981;
1844
+ --monitor-alert-info: #442320;
1845
+ --monitor-alert-warning: #7a3a2e;
1846
+ --monitor-alert-critical: #e8856a;
1847
+ --monitor-alert-emergency: #e73333;
1653
1848
  }
1654
1849
 
1655
1850
 
@@ -26916,6 +27111,9 @@ html[data-theme="dark"] .ant-btn-primary {
26916
27111
  此时，倒数第一个 ul 会出现一条额外的分割线（border-right）。覆盖样式使 border-right 隐藏，同时使用 border-left 来重画 ul 之间的分割线
26917
27112
  */
26918
27113
  }
27114
+ .ant-cascader-menus {
27115
+ background: var(--ant-cascader-menus-bg);
27116
+ }
26919
27117
  .ant-cascader-picker-clear {
26920
27118
  color: var(--antd-cascader-picker-clear-color);
26921
27119
  }
@@ -27539,6 +27737,12 @@ body.layout-business .ant-select-single .ant-select-selector .ant-select-selecti
27539
27737
  .has-error.ant-legacy-form-item-control .ant-input:hover {
27540
27738
  background-color: var(--antd-component-background);
27541
27739
  }
27740
+ .ant-form-item input:-webkit-autofill,
27741
+ .ant-legacy-form-item input:-webkit-autofill,
27742
+ .ant-form-item input:-webkit-autofill:focus,
27743
+ .ant-legacy-form-item input:-webkit-autofill:focus {
27744
+ box-shadow: 0 0 0 50px var(--antd-input-bg) inset;
27745
+ }
27542
27746
  /**
27543
27747
  * 修改 Select 的样式
27544
27748
  * 蓝湖链接：https://lanhuapp.com/web/#/item/project/board/detail?pid=08ef7a67-b5e6-4aee-8b6d-6999377c4fdb&project_id=08ef7a67-b5e6-4aee-8b6d-6999377c4fdb&image_id=2afae1c2-4839-410f-82fb-8f048c706a09
@@ -28929,4 +29133,4 @@ html[data-mode="dashboard"] body.has-sub-menu #main-mount-point {
28929
29133
  }
28930
29134
 
28931
29135
 
28932
- /*# sourceMappingURL=main.0b572c90e0749ab7903d.css.map*/
29136
+ /*# sourceMappingURL=main.539ffab36c93dfaf6467.css.map*/