mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-21 02:04:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

improve heat map styling in dark mode

Browse Source
This commit is contained in:
MaysWind
2026-04-19 17:41:01 +08:00
parent 892404924c
commit 808cb98002
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/desktop/HeatMapChart.vue
+6 -3
View File
@@ -182,7 +182,10 @@ const chartOptions = computed<object>(() => {
max: heatMapData.value.maxValue, max: heatMapData.value.maxValue,
calculable: true, calculable: true,
inRange: { inRange: {
color: isDarkMode.value ? [ '#060504', '#c67e48' ] : [ '#faf8f4', '#c67e48' ] color: isDarkMode.value ? [ '#1a1a1a', '#c67e48' ] : [ '#faf8f4', '#c67e48' ]
},
textStyle: {
color: isDarkMode.value ? '#888' : '#666'
}, },
formatter: (value: string) => { formatter: (value: string) => {
if (!props.showValue) { if (!props.showValue) {
@@ -238,8 +241,8 @@ const chartOptions = computed<object>(() => {
}, },
emphasis: { emphasis: {
itemStyle: { itemStyle: {
shadowBlur: 10, shadowBlur: 6,
shadowColor: 'rgba(0, 0, 0, 0.5)' shadowColor: isDarkMode.value ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.5)'
} }
} }
} }