https://sifrovacky.cz/assets/echarts-theme-dark-a6ece7a0.js

1/*
2 * Licensed to the Apache Software Foundation (ASF) under one
3 * or more contributor license agreements.  See the NOTICE file
4 * distributed with this work for additional information
5 * regarding copyright ownership.  The ASF licenses this file
6 * to you under the Apache License, Version 2.0 (the
7 * "License"); you may not use this file except in compliance
8 * with the License.  You may obtain a copy of the License at
9 *
10 *   http://www.apache.org/licenses/LICENSE-2.0
11 *
12 * Unless required by applicable law or agreed to in writing,
13 * software distributed under the License is distributed on an
14 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 * KIND, either express or implied.  See the License for the
16 * specific language governing permissions and limitations
17 * under the License.
18 */
19
20var contrastColor = '#B9B8CE';
21var backgroundColor = '#100C2A';
22var axisCommon = function() {
23    return {
24        axisLine: {
25            lineStyle: {
26                color: contrastColor
27            }
28        },
29        splitLine: {
30            lineStyle: {
31                color: '#484753'
32            }
33        },
34        splitArea: {
35            areaStyle: {
36                color: ['rgba(255,255,255,0.02)', 'rgba(255,255,255,0.05)']
37            }
38        },
39        minorSplitLine: {
40            lineStyle: {
41                color: '#20203B'
42            }
43        }
44    };
45};
46
47var colorPalette = [
48    '#4992ff',
49    '#7cffb2',
50    '#fddd60',
51    '#ff6e76',
52    '#58d9f9',
53    '#05c091',
54    '#ff8a45',
55    '#8d48e3',
56    '#dd79ff'
57];
58var theme = {
59    darkMode: true,
60
61    color: colorPalette,
62    backgroundColor: backgroundColor,
63    axisPointer: {
64        lineStyle: {
65            color: '#817f91'
66        },
67        crossStyle: {
68            color: '#817f91'
69        },
70        label: {
71            // TODO Contrast of label backgorundColor
72            color: '#fff'
73        }
74    },
75    legend: {
76        textStyle: {
77            color: contrastColor
78        }
79    },
80    textStyle: {
81        color: contrastColor
82    },
83    title: {
84        textStyle: {
85            color: '#EEF1FA'
86        },
87        subtextStyle: {
88            color: '#B9B8CE'
89        }
90    },
91    toolbox: {
92        iconStyle: {
93            borderColor: contrastColor
94        }
95    },
96    dataZoom: {
97        borderColor: '#71708A',
98        textStyle: {
99            color: contrastColor
100        },
101        brushStyle: {
102            color: 'rgba(135,163,206,0.3)'
103        },
104        handleStyle: {
105            color: '#353450',
106            borderColor: '#C5CBE3'
107        },
108        moveHandleStyle: {
109            color: '#B0B6C3',
110            opacity: 0.3
111        },
112        fillerColor: 'rgba(135,163,206,0.2)',
113        emphasis: {
114            handleStyle: {
115                borderColor: '#91B7F2',
116                color: '#4D587D'
117            },
118            moveHandleStyle: {
119                color: '#636D9A',
120                opacity: 0.7
121            }
122        },
123        dataBackground: {
124            lineStyle: {
125                color: '#71708A',
126                width: 1
127            },
128            areaStyle: {
129                color: '#71708A'
130            }
131        },
132        selectedDataBackground: {
133            lineStyle: {
134                color: '#87A3CE'
135            },
136            areaStyle: {
137                color: '#87A3CE'
138            }
139        }
140    },
141    visualMap: {
142        textStyle: {
143            color: contrastColor
144        }
145    },
146    timeline: {
147        lineStyle: {
148            color: contrastColor
149        },
150        label: {
151            color: contrastColor
152        },
153        controlStyle: {
154            color: contrastColor,
155            borderColor: contrastColor
156        }
157    },
158    calendar: {
159        itemStyle: {
160            color: backgroundColor
161        },
162        dayLabel: {
163            color: contrastColor
164        },
165        monthLabel: {
166            color: contrastColor
167        },
168        yearLabel: {
169            color: contrastColor
170        }
171    },
172    timeAxis: axisCommon(),
173    logAxis: axisCommon(),
174    valueAxis: axisCommon(),
175    categoryAxis: axisCommon(),
176
177    line: {
178        symbol: 'circle'
179    },
180    graph: {
181        color: colorPalette
182    },
183    gauge: {
184        title: {
185            color: contrastColor
186        }
187    },
188    candlestick: {
189        itemStyle: {
190            color: '#FD1050',
191            color0: '#0CF49B',
192            borderColor: '#FD1050',
193            borderColor0: '#0CF49B'
194        }
195    }
196};
197
198theme.categoryAxis.splitLine.show = false;