From b2fe5751f1955cf570cade106afb79ee72b65db9 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Wed, 18 Oct 2023 04:39:25 +0100
Subject: [PATCH] make chart text white

---
 src/components/Player/Charts/SsChart.svelte | 25 +++++++++++----------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/Player/Charts/SsChart.svelte b/src/components/Player/Charts/SsChart.svelte
index 95e8322..a42809a 100644
--- a/src/components/Player/Charts/SsChart.svelte
+++ b/src/components/Player/Charts/SsChart.svelte
@@ -1,21 +1,21 @@
 <script>
-  import Chart from 'chart.js/auto'
+  import Chart from 'chart.js/auto';
   import 'chartjs-adapter-luxon';
-  import {DateTime} from 'luxon';
-  import {getContext, onMount} from 'svelte'
-  import createPlayerService from '../../../services/scoresaber/player'
-  import createScoresService from '../../../services/scoresaber/scores'
-  import createBeatSaviorService from '../../../services/beatsavior'
-  import {formatNumber} from '../../../utils/format'
+  import { DateTime } from 'luxon';
+  import { getContext, onMount } from 'svelte';
+  import createBeatSaviorService from '../../../services/beatsavior';
+  import createPlayerService from '../../../services/scoresaber/player';
+  import createScoresService from '../../../services/scoresaber/scores';
+  import eventBus from '../../../utils/broadcast-channel-pubsub';
   import {
     dateFromString,
     formatDate,
     formatDateWithOptions,
     toSsMidnight,
-  } from '../../../utils/date'
-  import eventBus from '../../../utils/broadcast-channel-pubsub'
-  import {debounce} from '../../../utils/debounce'
-  import {onLegendClick} from './utils/legend-click-handler'
+  } from '../../../utils/date';
+  import { debounce } from '../../../utils/debounce';
+  import { formatNumber } from '../../../utils/format';
+  import { onLegendClick } from './utils/legend-click-handler';
 
   export let playerId = null;
   export let rankHistory = null;
@@ -123,6 +123,7 @@
   }
 
   async function setupChart(hash, canvas) {
+    Chart.defaults.color = '#fff'; // Jank workaround to make the text white
     if (!hash || !canvas || !rankHistory || !Object.keys(rankHistory).length || chartHash === lastHistoryHash) return;
 
     lastHistoryHash = chartHash;
@@ -134,7 +135,7 @@
     const ppColor = "#007100";
     const rankedPlayCountColor = "#3e3e3e";
     const totalPlayCountColor = "#666";
-    const activityColor = "#333"
+    const activityColor = "#555"
 
     const dtAccSaberToday = DateTime.fromJSDate(toSsMidnight(new Date()));
     const dayTimestamps = Array(CHART_DAYS).fill(0).map((_, idx) => toSsMidnight(dtAccSaberToday.minus({days: CHART_DAYS - 1 - idx}).toJSDate()).getTime());