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

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

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

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

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