From f6b58999e35832277c19bbf17dece42d90cadcd6 Mon Sep 17 00:00:00 2001
From: Jakob Hellermann <jakob.hellermann@protonmail.com>
Date: Sun, 8 Feb 2026 23:04:21 +0100
Subject: [PATCH 1/2] frontend: use darker text color on charts

---
 frontend/css/charts.css | 2 +-
 frontend/css/style.css  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/css/charts.css b/frontend/css/charts.css
index c5ec9be3c..d5daad067 100644
--- a/frontend/css/charts.css
+++ b/frontend/css/charts.css
@@ -1,6 +1,6 @@
 svg text {
   font-family: var(--font-family);
-  fill: var(--text-color-lightest);
+  fill: var(--text-color-chart);
 }
 
 .tooltip {
diff --git a/frontend/css/style.css b/frontend/css/style.css
index f4a24dff3..0dfeee7ab 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -36,6 +36,7 @@
   --text-color: light-dark(hsl(0deg 0% 25%), hsl(0deg 0% 80%));
   --text-color-lighter: light-dark(hsl(0deg 0% 30%), hsl(0deg 0% 75%));
   --text-color-lightest: light-dark(hsl(0deg 0% 40%), hsl(0deg 0% 65%));
+  --text-color-chart: light-dark(hsl(0deg 0% 30%), hsl(0deg 0% 15%));
   --link-color: light-dark(hsl(203deg 100% 32%), hsl(203deg 100% 68%));
   --link-hover-color: var(--text-color-lighter);
 

From 72ac85a9299a4fd6a531ed00393bf7bfc9a7d4ae Mon Sep 17 00:00:00 2001
From: Jakob Hellermann <jakob.hellermann@protonmail.com>
Date: Sun, 15 Mar 2026 16:58:49 +0100
Subject: [PATCH 2/2] frontend: use chart text color only for icicle and
 treemap text

---
 frontend/css/charts.css            | 2 +-
 frontend/src/charts/Icicle.svelte  | 4 ++++
 frontend/src/charts/Treemap.svelte | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/css/charts.css b/frontend/css/charts.css
index d5daad067..c5ec9be3c 100644
--- a/frontend/css/charts.css
+++ b/frontend/css/charts.css
@@ -1,6 +1,6 @@
 svg text {
   font-family: var(--font-family);
-  fill: var(--text-color-chart);
+  fill: var(--text-color-lightest);
 }
 
 .tooltip {
diff --git a/frontend/src/charts/Icicle.svelte b/frontend/src/charts/Icicle.svelte
index e57b070dd..e742ff0c5 100644
--- a/frontend/src/charts/Icicle.svelte
+++ b/frontend/src/charts/Icicle.svelte
@@ -96,4 +96,8 @@
   g:hover > g.current {
     opacity: 1;
   }
+
+  text {
+    fill: var(--text-color-chart);
+  }
 </style>
diff --git a/frontend/src/charts/Treemap.svelte b/frontend/src/charts/Treemap.svelte
index ccba0486f..83e7bfdc1 100644
--- a/frontend/src/charts/Treemap.svelte
+++ b/frontend/src/charts/Treemap.svelte
@@ -82,4 +82,8 @@
   svg {
     shape-rendering: crispedges;
   }
+
+  text {
+    fill: var(--text-color-chart);
+  }
 </style>