improve heat map styling in dark mode

2026-05-13 22:47:33 +08:00 · 2026-04-19 17:41:01 +08:00
parent 892404924c
commit 808cb98002
1 changed files with 6 additions and 3 deletions
@@ -182,7 +182,10 @@ const chartOptions = computed<object>(() => {
                max: heatMapData.value.maxValue,
                calculable: true,
                inRange: {
-                    color: isDarkMode.value ? [ '#060504', '#c67e48' ] : [ '#faf8f4', '#c67e48' ]
+                    color: isDarkMode.value ? [ '#1a1a1a', '#c67e48' ] : [ '#faf8f4', '#c67e48' ]
+                },
+                textStyle: {
+                    color: isDarkMode.value ? '#888' : '#666'
                },
                formatter: (value: string) => {
                    if (!props.showValue) {
@@ -238,8 +241,8 @@ const chartOptions = computed<object>(() => {
                },
                emphasis: {
                    itemStyle: {
-                        shadowBlur: 10,
-                        shadowColor: 'rgba(0, 0, 0, 0.5)'
+                        shadowBlur: 6,
+                        shadowColor: isDarkMode.value ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }