From 586a4afe0f4b019837bb6e8931f72a0d3996d544 Mon Sep 17 00:00:00 2001
From: Pazekal90 <mail@pascal-pischel.de>
Date: Thu, 2 Jan 2020 17:28:31 +0100
Subject: [PATCH] In dark mode KWchart value color is now white.

Signed-off-by: Pazekal90 <mail@pascal-pischel.de>
---
 src/components/Log.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/Log.vue b/src/components/Log.vue
index 19fe431..7afdc15 100644
--- a/src/components/Log.vue
+++ b/src/components/Log.vue
@@ -34,9 +34,8 @@
                     </v-layout>
                 </v-card-title>
                 <v-sheet color="transparent" class="kw-chart-sheet">
-                    <v-sparkline :value="kWChartValues" :gradient="['#1feaea', '#ffd200', '#f72047']"
-                        stroke-linecap="round" smooth>
-                        <template v-slot:label="item">{{ item.value }}</template>
+                    <v-sparkline :value="kWChartValues" :gradient="['#1feaea', '#ffd200', '#f72047']" :show-labels=true
+                         stroke-linecap="round" smooth :color="sparklinecolor">
                     </v-sparkline>
                 </v-sheet>
                 <v-container>
@@ -112,6 +111,7 @@
 
 <script>
     import { Line } from 'vue-chartjs';
+    import storage from '../utils/storage';
 
     export default {
         data: () => ({
@@ -277,6 +277,13 @@
                 return avgValues.reverse();
 
             },
+            sparklinecolor() {
+                if(storage.getValue('darkMode', false) == true) {
+                    return "white";
+                }
+                else
+                    return "black";
+            },
             chartData() {
                 const self = this;
                 const stats = [...self.log.stats].sort((a, b) => a.timestamp - b.timestamp);