From 3967ea76e068ee6ea2795de3b0e1d3718297ee47 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sun, 5 Nov 2023 13:40:51 +0000
Subject: [PATCH] make grid lines more visible on graphs

---
 src/components/AnalyticsChart.tsx     | 8 ++++++++
 src/components/player/PlayerChart.tsx | 8 ++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/components/AnalyticsChart.tsx b/src/components/AnalyticsChart.tsx
index 37f7dc3..d4dd1cb 100644
--- a/src/components/AnalyticsChart.tsx
+++ b/src/components/AnalyticsChart.tsx
@@ -43,11 +43,19 @@ export const options: any = {
         maxTicksLimit: 8,
         stepSize: 1,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
     },
     x: {
       ticks: {
         autoSkip: true,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
     },
   },
   elements: {
diff --git a/src/components/player/PlayerChart.tsx b/src/components/player/PlayerChart.tsx
index e237d69..b7a5a6d 100644
--- a/src/components/player/PlayerChart.tsx
+++ b/src/components/player/PlayerChart.tsx
@@ -41,12 +41,20 @@ export const options: any = {
         maxTicksLimit: 8,
         stepSize: 1,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
       reverse: true,
     },
     x: {
       ticks: {
         autoSkip: true,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
     },
   },
   elements: {