From b9f11042d179939c9d90862805b5601dd99e0002 Mon Sep 17 00:00:00 2001
From: Pazekal90 <mail@pascal-pischel.de>
Date: Thu, 2 Jan 2020 22:51:05 +0100
Subject: [PATCH 1/3] Optimizing Chart for Dark Mode. Legend and Axxis turn
 color to white in dark mode.

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

diff --git a/src/components/Log.vue b/src/components/Log.vue
index 19fe431..df542c3 100644
--- a/src/components/Log.vue
+++ b/src/components/Log.vue
@@ -112,6 +112,7 @@
 
 <script>
     import { Line } from 'vue-chartjs';
+    import storage from '../utils/storage';
 
     export default {
         data: () => ({
@@ -277,6 +278,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);
@@ -359,9 +367,20 @@
                                     xAxes: [{
                                         ticks: {
                                             autoSkip: true,
-                                            maxTicksLimit: 15
+                                            maxTicksLimit: 15,
+                                            fontColor: this.sparklinecolor
+                                        }
+                                    }],
+                                    yAxes: [{
+                                        ticks:{
+                                            fontColor: this.sparklinecolor
                                         }
-                                    }]   
+                                    }]
+                                },
+                                legend: {
+                                    labels: {
+                                        fontColor: this.sparklinecolor
+                                    }
                                 }
                             });
                         });

From 4e01b8486b05e678e488e1e6bd4b8c6233f1b48d Mon Sep 17 00:00:00 2001
From: Pazekal90 <mail@pascal-pischel.de>
Date: Thu, 2 Jan 2020 22:58:09 +0100
Subject: [PATCH 2/3] Changing button position to a better
 reachable/comfortable position for the fingers on mobile devices.

Signed-off-by: Pazekal90 <mail@pascal-pischel.de>
---
 src/components/Log.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Log.vue b/src/components/Log.vue
index df542c3..9186e24 100644
--- a/src/components/Log.vue
+++ b/src/components/Log.vue
@@ -93,10 +93,10 @@
                     @click="showBtnExplaination = true">Why don't I see this immediately?</p>
             </v-card>
             <v-card v-show="showChart">
+                <chart-line ref="chart"></chart-line>
                 <v-container class="btn-container">
                     <v-btn small color="primary" @click="showChart = false">Show summary</v-btn>
                 </v-container>
-                <chart-line ref="chart"></chart-line>
             </v-card>
             <v-card v-show="showMap">
                 <v-container class="btn-container">

From 51cbe5e7a5f832c77fc915b02c99cb007e196637 Mon Sep 17 00:00:00 2001
From: Pazekal90 <mail@pascal-pischel.de>
Date: Thu, 2 Jan 2020 23:03:47 +0100
Subject: [PATCH 3/3] Changing color darkgreen to green to get better visibilty
 in dark mode.

Signed-off-by: Pazekal90 <mail@pascal-pischel.de>
---
 src/components/Log.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Log.vue b/src/components/Log.vue
index 9186e24..50dacc8 100644
--- a/src/components/Log.vue
+++ b/src/components/Log.vue
@@ -303,7 +303,7 @@
                 }, {
                     label: 'DC Battery Power',
                     key: 'dc_battery_power',
-                    color: 'darkgreen'
+                    color: 'green'
                 }, {
                     label: 'Battery temperature (Min)',
                     key: 'battery_min_temperature',