This is an automated email from the ASF dual-hosted git repository. ovilia pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/echarts-theme-builder.git
commit 56546a4e486902eebb0ffdd43aa5261ba5d8fcf0 Author: Ovilia <[email protected]> AuthorDate: Mon Sep 8 14:10:48 2025 +0800 feat: add v5 theme --- public/themes/v5.json | 165 ++++++++++++++++++++++++++++++++++++++++++++++++++ src/App.vue | 4 +- 2 files changed, 167 insertions(+), 2 deletions(-) diff --git a/public/themes/v5.json b/public/themes/v5.json new file mode 100644 index 0000000..78e10bf --- /dev/null +++ b/public/themes/v5.json @@ -0,0 +1,165 @@ +{ + "version": 1, + "themeName": "v5", + "theme": { + "seriesCnt": 3, + "backgroundColor": "rgba(0, 0, 0, 0)", + "titleColor": "#464646", + "subtitleColor": "#6E7079", + "textColorShow": false, + "textColor": "#333", + "markTextColor": "#eee", + "color": [ + "#5470c6", + "#91cc75", + "#fac858", + "#ee6666", + "#73c0de", + "#3ba272", + "#fc8452", + "#9a60b4", + "#ea7ccc" + ], + "borderColor": "#ccc", + "borderWidth": 0, + "visualMapColor": [ + "#bf444c", + "#d88273", + "#f6efa6" + ], + "legendTextColor": "#333", + "kColor": "#eb5454", + "kColor0": "#47b262", + "kBorderColor": "#eb5454", + "kBorderColor0": "#47b262", + "kBorderWidth": 1, + "lineWidth": 2, + "symbolSize": 4, + "symbol": "emptyCircle", + "symbolBorderWidth": 1, + "lineSmooth": false, + "graphLineWidth": 1, + "graphLineColor": "#aaa", + "mapLabelColor": "#000", + "mapLabelColorE": "rgb(100,0,0)", + "mapBorderColor": "#444", + "mapBorderColorE": "#444", + "mapBorderWidth": 0.5, + "mapBorderWidthE": 1, + "mapAreaColor": "#eee", + "mapAreaColorE": "rgba(255,215,0,0.8)", + "axes": [ + { + "type": "all", + "name": "General Axis", + "axisLineShow": true, + "axisLineColor": "#6E7079", + "axisTickShow": true, + "axisTickColor": "#6E7079", + "axisLabelShow": true, + "axisLabelColor": "#6E7079", + "splitLineShow": true, + "splitLineColor": [ + "#E0E6F1" + ], + "splitAreaShow": false, + "splitAreaColor": [ + "rgba(250,250,250,0.2)", + "rgba(210,219,238,0.2)" + ] + }, + { + "type": "category", + "name": "Category Axis", + "axisLineShow": true, + "axisLineColor": "#6E7079", + "axisTickShow": true, + "axisTickColor": "#6E7079", + "axisLabelShow": true, + "axisLabelColor": "#6E7079", + "splitLineShow": false, + "splitLineColor": [ + "#E0E6F1" + ], + "splitAreaShow": false, + "splitAreaColor": [ + "rgba(250,250,250,0.2)", + "rgba(210,219,238,0.2)" + ] + }, + { + "type": "value", + "name": "Value Axis", + "axisLineShow": false, + "axisLineColor": "#6E7079", + "axisTickShow": false, + "axisTickColor": "#6E7079", + "axisLabelShow": true, + "axisLabelColor": "#6E7079", + "splitLineShow": true, + "splitLineColor": [ + "#E0E6F1" + ], + "splitAreaShow": false, + "splitAreaColor": [ + "rgba(250,250,250,0.2)", + "rgba(210,219,238,0.2)" + ] + }, + { + "type": "log", + "name": "Log Axis", + "axisLineShow": false, + "axisLineColor": "#6E7079", + "axisTickShow": false, + "axisTickColor": "#6E7079", + "axisLabelShow": true, + "axisLabelColor": "#6E7079", + "splitLineShow": true, + "splitLineColor": [ + "#E0E6F1" + ], + "splitAreaShow": false, + "splitAreaColor": [ + "rgba(250,250,250,0.2)", + "rgba(210,219,238,0.2)" + ] + }, + { + "type": "time", + "name": "Time Axis", + "axisLineShow": true, + "axisLineColor": "#6E7079", + "axisTickShow": true, + "axisTickColor": "#6E7079", + "axisLabelShow": true, + "axisLabelColor": "#6E7079", + "splitLineShow": false, + "splitLineColor": [ + "#E0E6F1" + ], + "splitAreaShow": false, + "splitAreaColor": [ + "rgba(250,250,250,0.2)", + "rgba(210,219,238,0.2)" + ] + } + ], + "axisSeperateSetting": true, + "toolboxColor": "#999", + "toolboxEmphasisColor": "#666", + "tooltipAxisColor": "#ccc", + "tooltipAxisWidth": 1, + "timelineLineColor": "#DAE1F5", + "timelineLineWidth": 2, + "timelineItemColor": "#A4B1D7", + "timelineItemColorE": "#FFF", + "timelineCheckColor": "#316bf3", + "timelineCheckBorderColor": "#fff", + "timelineItemBorderWidth": 1, + "timelineControlColor": "#A4B1D7", + "timelineControlBorderColor": "#A4B1D7", + "timelineControlBorderWidth": 1, + "timelineLabelColor": "#A4B1D7" + } +} diff --git a/src/App.vue b/src/App.vue index 814e11b..8d77442 100644 --- a/src/App.vue +++ b/src/App.vue @@ -46,8 +46,8 @@ const chartPreviewRef = ref<InstanceType<typeof ChartPreviewPanel> | null>(null) height: 100vh; overflow-y: auto; background-color: #ffffff; - border-right: 1px solid #ccc; - border-bottom: 1px solid #ccc; + border-right: 1px solid #ddd; + border-bottom: 1px solid #ddd; padding: 0; box-sizing: border-box; flex: 0 0 25%; /* Fixed 25% width */ --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
