github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 04:09:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance the Dark Theme (#336)

Browse Source
This commit is contained in:
Fine0830
2023-11-15 19:53:23 +08:00
committed by GitHub
parent 832dc1676b
commit a4271bb479
11 changed files with 151 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/dashboard/graphs/Bar.vue
View File

@@ -74,7 +74,7 @@ limitations under the License. -->
},
};
});
const color: string[] = chartColors(keys);
const color: string[] = chartColors();
return {
color,
tooltip: {

2
src/views/dashboard/graphs/Line.vue
View File

@@ -92,7 +92,7 @@ limitations under the License. -->
}
return serie;
});
const color: string[] = chartColors(keys);
const color: string[] = chartColors();
const tooltip = {
trigger: "axis",
backgroundColor: appStore.theme === Themes.Dark ? "#333" : "#fff",

3
src/views/dashboard/graphs/components/Legend.vue
View File

@@ -111,9 +111,8 @@ limitations under the License. -->
const isRight = computed(() => useLegendProcess(props.config).isRight);
const width = computed(() => (props.config.width ? props.config.width + "px" : isRight.value ? "150px" : "100%"));
const colors = computed(() => {
const keys = Object.keys(props.data || {}).filter((i: any) => Array.isArray(props.data[i]) && props.data[i].length);
const { chartColors } = useLegendProcess(props.config);
return chartColors(keys);
return chartColors();
});
</script>
<style lang="scss" scoped>