1 | var BLACK_COLORS = {
|
2 | 100: '#000',
|
3 | 95: '#0D0D0D',
|
4 | 85: '#262626',
|
5 | 65: '#595959',
|
6 | 45: '#8C8C8C',
|
7 | 25: '#BFBFBF',
|
8 | 15: '#D9D9D9',
|
9 | 6: '#F0F0F0',
|
10 | };
|
11 | var WHITE_COLORS = {
|
12 | 100: '#FFFFFF',
|
13 | 95: '#F2F2F2',
|
14 | 85: '#D9D9D9',
|
15 | 65: '#A6A6A6',
|
16 | 45: '#737373',
|
17 | 25: '#404040',
|
18 | 15: '#262626',
|
19 | 6: '#0F0F0F',
|
20 | };
|
21 | var QUALITATIVE_10 = [
|
22 | '#5B8FF9',
|
23 | '#5AD8A6',
|
24 | '#5D7092',
|
25 | '#F6BD16',
|
26 | '#6F5EF9',
|
27 | '#6DC8EC',
|
28 | '#945FB9',
|
29 | '#FF9845',
|
30 | '#1E9493',
|
31 | '#FF99C3',
|
32 | ];
|
33 | var QUALITATIVE_20 = [
|
34 | '#5B8FF9',
|
35 | '#CDDDFD',
|
36 | '#5AD8A6',
|
37 | '#CDF3E4',
|
38 | '#5D7092',
|
39 | '#CED4DE',
|
40 | '#F6BD16',
|
41 | '#FCEBB9',
|
42 | '#6F5EF9',
|
43 | '#D3CEFD',
|
44 | '#6DC8EC',
|
45 | '#D3EEF9',
|
46 | '#945FB9',
|
47 | '#DECFEA',
|
48 | '#FF9845',
|
49 | '#FFE0C7',
|
50 | '#1E9493',
|
51 | '#BBDEDE',
|
52 | '#FF99C3',
|
53 | '#FFE0ED',
|
54 | ];
|
55 |
|
56 | var SINGLE_SEQUENCE = [
|
57 | '#B8E1FF',
|
58 | '#9AC5FF',
|
59 | '#7DAAFF',
|
60 | '#5B8FF9',
|
61 | '#3D76DD',
|
62 | '#085EC0',
|
63 | '#0047A5',
|
64 | '#00318A',
|
65 | '#001D70',
|
66 | ];
|
67 | export var createLightStyleSheet = function (cfg) {
|
68 | if (cfg === void 0) { cfg = {}; }
|
69 | var _a = cfg.backgroundColor, backgroundColor = _a === void 0 ? 'transparent' : _a, _b = cfg.subColor, subColor = _b === void 0 ? 'rgba(0,0,0,0.05)' : _b, _c = cfg.paletteQualitative10, paletteQualitative10 = _c === void 0 ? QUALITATIVE_10 : _c, _d = cfg.paletteQualitative20, paletteQualitative20 = _d === void 0 ? QUALITATIVE_20 : _d, _e = cfg.paletteSemanticRed, paletteSemanticRed = _e === void 0 ? '#F4664A' : _e, _f = cfg.paletteSemanticGreen, paletteSemanticGreen = _f === void 0 ? '#30BF78' : _f, _g = cfg.paletteSemanticYellow, paletteSemanticYellow = _g === void 0 ? '#FAAD14' : _g, _h = cfg.paletteSequence, paletteSequence = _h === void 0 ? SINGLE_SEQUENCE : _h, _j = cfg.fontFamily, fontFamily = _j === void 0 ? "\"Segoe UI\", Roboto, \"Helvetica Neue\", Arial,\n \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n \"Noto Color Emoji\"" : _j;
|
70 | var _k = cfg.brandColor, brandColor = _k === void 0 ? paletteQualitative10[0] : _k;
|
71 | return {
|
72 |
|
73 | backgroundColor: backgroundColor,
|
74 |
|
75 | brandColor: brandColor,
|
76 |
|
77 | subColor: subColor,
|
78 |
|
79 | paletteQualitative10: paletteQualitative10,
|
80 |
|
81 | paletteQualitative20: paletteQualitative20,
|
82 |
|
83 | paletteSemanticRed: paletteSemanticRed,
|
84 |
|
85 | paletteSemanticGreen: paletteSemanticGreen,
|
86 |
|
87 | paletteSemanticYellow: paletteSemanticYellow,
|
88 |
|
89 | paletteSequence: paletteSequence,
|
90 |
|
91 | fontFamily: fontFamily,
|
92 |
|
93 |
|
94 | axisLineBorderColor: BLACK_COLORS[25],
|
95 |
|
96 | axisLineBorder: 1,
|
97 |
|
98 | axisLineDash: null,
|
99 |
|
100 | axisTitleTextFillColor: BLACK_COLORS[65],
|
101 |
|
102 | axisTitleTextFontSize: 12,
|
103 |
|
104 | axisTitleTextLineHeight: 12,
|
105 |
|
106 | axisTitleTextFontWeight: 'normal',
|
107 |
|
108 | axisTitleSpacing: 12,
|
109 |
|
110 | axisTickLineBorderColor: BLACK_COLORS[25],
|
111 |
|
112 | axisTickLineLength: 4,
|
113 |
|
114 | axisTickLineBorder: 1,
|
115 |
|
116 | axisSubTickLineBorderColor: BLACK_COLORS[15],
|
117 |
|
118 | axisSubTickLineLength: 2,
|
119 |
|
120 | axisSubTickLineBorder: 1,
|
121 |
|
122 | axisLabelFillColor: BLACK_COLORS[45],
|
123 |
|
124 | axisLabelFontSize: 12,
|
125 |
|
126 | axisLabelLineHeight: 12,
|
127 |
|
128 | axisLabelFontWeight: 'normal',
|
129 |
|
130 | axisLabelOffset: 8,
|
131 |
|
132 | axisGridBorderColor: BLACK_COLORS[15],
|
133 |
|
134 | axisGridBorder: 1,
|
135 |
|
136 | axisGridLineDash: null,
|
137 |
|
138 |
|
139 | legendTitleTextFillColor: BLACK_COLORS[45],
|
140 |
|
141 | legendTitleTextFontSize: 12,
|
142 |
|
143 | legendTitleTextLineHeight: 21,
|
144 |
|
145 | legendTitleTextFontWeight: 'normal',
|
146 |
|
147 | legendMarkerColor: brandColor,
|
148 |
|
149 | legendMarkerSpacing: 8,
|
150 |
|
151 | legendMarkerSize: 4,
|
152 |
|
153 | legendCircleMarkerSize: 4,
|
154 |
|
155 | legendSquareMarkerSize: 4,
|
156 |
|
157 | legendLineMarkerSize: 5,
|
158 |
|
159 | legendItemNameFillColor: BLACK_COLORS[65],
|
160 |
|
161 | legendItemNameFontSize: 12,
|
162 |
|
163 | legendItemNameLineHeight: 12,
|
164 |
|
165 | legendItemNameFontWeight: 'normal',
|
166 |
|
167 | legendItemSpacing: 24,
|
168 |
|
169 | legendItemMarginBottom: 12,
|
170 |
|
171 | legendPadding: [8, 8, 8, 8],
|
172 |
|
173 | legendHorizontalPadding: [8, 0, 8, 0],
|
174 |
|
175 | legendVerticalPadding: [0, 8, 0, 8],
|
176 |
|
177 |
|
178 | legendPageNavigatorMarkerSize: 12,
|
179 |
|
180 | legendPageNavigatorMarkerInactiveFillColor: BLACK_COLORS[100],
|
181 |
|
182 | legendPageNavigatorMarkerInactiveFillOpacity: 0.45,
|
183 |
|
184 | legendPageNavigatorMarkerFillColor: BLACK_COLORS[100],
|
185 |
|
186 | legendPageNavigatorMarkerFillOpacity: 1,
|
187 |
|
188 | legendPageNavigatorTextFillColor: BLACK_COLORS[45],
|
189 |
|
190 | legendPageNavigatorTextFontSize: 12,
|
191 |
|
192 | sliderRailFillColor: BLACK_COLORS[15],
|
193 |
|
194 | sliderRailBorder: 0,
|
195 |
|
196 | sliderRailBorderColor: null,
|
197 |
|
198 | sliderRailWidth: 100,
|
199 |
|
200 | sliderRailHeight: 12,
|
201 |
|
202 | sliderLabelTextFillColor: BLACK_COLORS[45],
|
203 |
|
204 | sliderLabelTextFontSize: 12,
|
205 |
|
206 | sliderLabelTextLineHeight: 12,
|
207 |
|
208 | sliderLabelTextFontWeight: 'normal',
|
209 |
|
210 | sliderHandlerFillColor: BLACK_COLORS[6],
|
211 |
|
212 | sliderHandlerWidth: 10,
|
213 |
|
214 | sliderHandlerHeight: 14,
|
215 |
|
216 | sliderHandlerBorder: 1,
|
217 |
|
218 | sliderHandlerBorderColor: BLACK_COLORS[25],
|
219 |
|
220 |
|
221 | annotationArcBorderColor: BLACK_COLORS[15],
|
222 |
|
223 | annotationArcBorder: 1,
|
224 |
|
225 | annotationLineBorderColor: BLACK_COLORS[25],
|
226 |
|
227 | annotationLineBorder: 1,
|
228 |
|
229 | annotationLineDash: null,
|
230 |
|
231 | annotationTextFillColor: BLACK_COLORS[65],
|
232 |
|
233 | annotationTextFontSize: 12,
|
234 |
|
235 | annotationTextLineHeight: 12,
|
236 |
|
237 | annotationTextFontWeight: 'normal',
|
238 |
|
239 | annotationTextBorderColor: null,
|
240 |
|
241 | annotationTextBorder: 0,
|
242 |
|
243 | annotationRegionFillColor: BLACK_COLORS[100],
|
244 |
|
245 | annotationRegionFillOpacity: 0.06,
|
246 |
|
247 | annotationRegionBorder: 0,
|
248 |
|
249 | annotationRegionBorderColor: null,
|
250 |
|
251 | annotationDataMarkerLineLength: 16,
|
252 |
|
253 |
|
254 | tooltipCrosshairsBorderColor: BLACK_COLORS[25],
|
255 |
|
256 | tooltipCrosshairsBorder: 1,
|
257 |
|
258 | tooltipCrosshairsLineDash: null,
|
259 |
|
260 | tooltipContainerFillColor: 'rgb(255, 255, 255)',
|
261 | tooltipContainerFillOpacity: 0.95,
|
262 |
|
263 | tooltipContainerShadow: '0px 0px 10px #aeaeae',
|
264 |
|
265 | tooltipContainerBorderRadius: 3,
|
266 |
|
267 | tooltipTextFillColor: BLACK_COLORS[65],
|
268 |
|
269 | tooltipTextFontSize: 12,
|
270 |
|
271 | tooltipTextLineHeight: 12,
|
272 |
|
273 | tooltipTextFontWeight: 'bold',
|
274 |
|
275 |
|
276 | labelFillColor: BLACK_COLORS[65],
|
277 | labelFillColorDark: '#2c3542',
|
278 | labelFillColorLight: '#ffffff',
|
279 |
|
280 | labelFontSize: 12,
|
281 |
|
282 | labelLineHeight: 12,
|
283 |
|
284 | labelFontWeight: 'normal',
|
285 |
|
286 | labelBorderColor: null,
|
287 |
|
288 | labelBorder: 0,
|
289 |
|
290 | innerLabelFillColor: WHITE_COLORS[100],
|
291 |
|
292 | innerLabelFontSize: 12,
|
293 |
|
294 | innerLabelLineHeight: 12,
|
295 |
|
296 | innerLabelFontWeight: 'normal',
|
297 |
|
298 | innerLabelBorderColor: null,
|
299 |
|
300 | innerLabelBorder: 0,
|
301 |
|
302 | overflowLabelFillColor: BLACK_COLORS[65],
|
303 |
|
304 | overflowLabelFontSize: 12,
|
305 |
|
306 | overflowLabelLineHeight: 12,
|
307 |
|
308 | overflowLabelFontWeight: 'normal',
|
309 |
|
310 | overflowLabelBorderColor: WHITE_COLORS[100],
|
311 |
|
312 | overflowLabelBorder: 1,
|
313 |
|
314 | labelLineBorder: 1,
|
315 |
|
316 | labelLineBorderColor: BLACK_COLORS[25],
|
317 |
|
318 |
|
319 | cSliderRailHieght: 16,
|
320 |
|
321 | cSliderBackgroundFillColor: '#416180',
|
322 |
|
323 | cSliderBackgroundFillOpacity: 0.05,
|
324 |
|
325 | cSliderForegroundFillColor: '#5B8FF9',
|
326 |
|
327 | cSliderForegroundFillOpacity: 0.15,
|
328 |
|
329 |
|
330 | cSliderHandlerHeight: 24,
|
331 |
|
332 | cSliderHandlerWidth: 10,
|
333 |
|
334 | cSliderHandlerFillColor: '#F7F7F7',
|
335 |
|
336 | cSliderHandlerFillOpacity: 1,
|
337 |
|
338 | cSliderHandlerHighlightFillColor: '#FFF',
|
339 |
|
340 | cSliderHandlerBorderColor: '#BFBFBF',
|
341 |
|
342 | cSliderHandlerBorder: 1,
|
343 |
|
344 | cSliderHandlerBorderRadius: 2,
|
345 |
|
346 |
|
347 | cSliderTextFillColor: '#000',
|
348 |
|
349 | cSliderTextFillOpacity: 0.45,
|
350 |
|
351 | cSliderTextFontSize: 12,
|
352 |
|
353 | cSliderTextLineHeight: 12,
|
354 |
|
355 | cSliderTextFontWeight: 'normal',
|
356 |
|
357 | cSliderTextBorderColor: null,
|
358 |
|
359 | cSliderTextBorder: 0,
|
360 |
|
361 |
|
362 | scrollbarTrackFillColor: 'rgba(0,0,0,0)',
|
363 |
|
364 | scrollbarThumbFillColor: 'rgba(0,0,0,0.15)',
|
365 |
|
366 | scrollbarThumbHighlightFillColor: 'rgba(0,0,0,0.2)',
|
367 |
|
368 |
|
369 | pointFillColor: brandColor,
|
370 |
|
371 | pointFillOpacity: 0.95,
|
372 |
|
373 | pointSize: 4,
|
374 |
|
375 | pointBorder: 1,
|
376 |
|
377 | pointBorderColor: WHITE_COLORS[100],
|
378 |
|
379 | pointBorderOpacity: 1,
|
380 |
|
381 | pointActiveBorderColor: BLACK_COLORS[100],
|
382 |
|
383 | pointSelectedBorder: 2,
|
384 |
|
385 | pointSelectedBorderColor: BLACK_COLORS[100],
|
386 |
|
387 | pointInactiveFillOpacity: 0.3,
|
388 |
|
389 | pointInactiveBorderOpacity: 0.3,
|
390 |
|
391 | hollowPointSize: 4,
|
392 |
|
393 | hollowPointBorder: 1,
|
394 |
|
395 | hollowPointBorderColor: brandColor,
|
396 |
|
397 | hollowPointBorderOpacity: 0.95,
|
398 | hollowPointFillColor: WHITE_COLORS[100],
|
399 |
|
400 | hollowPointActiveBorder: 1,
|
401 |
|
402 | hollowPointActiveBorderColor: BLACK_COLORS[100],
|
403 |
|
404 | hollowPointActiveBorderOpacity: 1,
|
405 |
|
406 | hollowPointSelectedBorder: 2,
|
407 |
|
408 | hollowPointSelectedBorderColor: BLACK_COLORS[100],
|
409 |
|
410 | hollowPointSelectedBorderOpacity: 1,
|
411 |
|
412 | hollowPointInactiveBorderOpacity: 0.3,
|
413 |
|
414 | lineBorder: 2,
|
415 |
|
416 | lineBorderColor: brandColor,
|
417 |
|
418 | lineBorderOpacity: 1,
|
419 |
|
420 | lineActiveBorder: 3,
|
421 |
|
422 | lineSelectedBorder: 3,
|
423 |
|
424 | lineInactiveBorderOpacity: 0.3,
|
425 |
|
426 | areaFillColor: brandColor,
|
427 |
|
428 | areaFillOpacity: 0.25,
|
429 |
|
430 | areaActiveFillColor: brandColor,
|
431 | areaActiveFillOpacity: 0.5,
|
432 |
|
433 | areaSelectedFillColor: brandColor,
|
434 | areaSelectedFillOpacity: 0.5,
|
435 |
|
436 | areaInactiveFillOpacity: 0.3,
|
437 |
|
438 | hollowAreaBorderColor: brandColor,
|
439 |
|
440 | hollowAreaBorder: 2,
|
441 |
|
442 | hollowAreaBorderOpacity: 1,
|
443 |
|
444 | hollowAreaActiveBorder: 3,
|
445 | hollowAreaActiveBorderColor: BLACK_COLORS[100],
|
446 |
|
447 | hollowAreaSelectedBorder: 3,
|
448 | hollowAreaSelectedBorderColor: BLACK_COLORS[100],
|
449 |
|
450 | hollowAreaInactiveBorderOpacity: 0.3,
|
451 |
|
452 | intervalFillColor: brandColor,
|
453 |
|
454 | intervalFillOpacity: 0.95,
|
455 |
|
456 | intervalActiveBorder: 1,
|
457 |
|
458 | intervalActiveBorderColor: BLACK_COLORS[100],
|
459 | intervalActiveBorderOpacity: 1,
|
460 |
|
461 | intervalSelectedBorder: 2,
|
462 |
|
463 | intervalSelectedBorderColor: BLACK_COLORS[100],
|
464 |
|
465 | intervalSelectedBorderOpacity: 1,
|
466 |
|
467 | intervalInactiveBorderOpacity: 0.3,
|
468 |
|
469 | intervalInactiveFillOpacity: 0.3,
|
470 |
|
471 | hollowIntervalBorder: 2,
|
472 |
|
473 | hollowIntervalBorderColor: brandColor,
|
474 |
|
475 | hollowIntervalBorderOpacity: 1,
|
476 | hollowIntervalFillColor: WHITE_COLORS[100],
|
477 |
|
478 | hollowIntervalActiveBorder: 2,
|
479 |
|
480 | hollowIntervalActiveBorderColor: BLACK_COLORS[100],
|
481 |
|
482 | hollowIntervalSelectedBorder: 3,
|
483 |
|
484 | hollowIntervalSelectedBorderColor: BLACK_COLORS[100],
|
485 |
|
486 | hollowIntervalSelectedBorderOpacity: 1,
|
487 |
|
488 | hollowIntervalInactiveBorderOpacity: 0.3,
|
489 | };
|
490 | };
|
491 | export var antvLight = createLightStyleSheet();
|
492 |
|
\ | No newline at end of file |