Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - fix dark mode on chart when browser preferences

Browse Source
This commit is contained in:
Sam 2023-12-20 13:01:38 +01:00
parent cc829b412a
commit e8e79a42dc
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
fittrackee_client/src/components/Common/StatsChart/Chart.vue
View File

@ -42,12 +42,14 @@
() => store.getters[ROOT_STORE.GETTERS.DARK_MODE] () => store.getters[ROOT_STORE.GETTERS.DARK_MODE]
) )
const lineColors = computed(() => ({ const lineColors = computed(() => ({
color: darkMode.value color:
darkMode.value !== false
? chartsColors.darkMode.line ? chartsColors.darkMode.line
: chartsColors.ligthMode.line, : chartsColors.ligthMode.line,
})) }))
const textColors = computed(() => ({ const textColors = computed(() => ({
color: darkMode.value color:
darkMode.value !== false
? chartsColors.darkMode.text ? chartsColors.darkMode.text
: chartsColors.ligthMode.text, : chartsColors.ligthMode.text,
})) }))

6
fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutChart/index.vue
View File

@ -118,12 +118,14 @@
() => datasets.value.coordinates () => datasets.value.coordinates
) )
const lineColors = computed(() => ({ const lineColors = computed(() => ({
color: darkMode.value color:
darkMode.value !== false
? chartsColors.darkMode.line ? chartsColors.darkMode.line
: chartsColors.ligthMode.line, : chartsColors.ligthMode.line,
})) }))
const textColors = computed(() => ({ const textColors = computed(() => ({
color: darkMode.value color:
darkMode.value !== false
? chartsColors.darkMode.text ? chartsColors.darkMode.text
: chartsColors.ligthMode.text, : chartsColors.ligthMode.text,
})) }))