From b8533d2bfca092646b09eefbde4096bb9593e28b Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 27 Feb 2024 15:55:07 +0100
Subject: [PATCH] fix(gantt): use color variables for gantt header so that it
 works in dark mode

---
 frontend/src/components/tasks/GanttChart.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/tasks/GanttChart.vue b/frontend/src/components/tasks/GanttChart.vue
index e1f42fcb04..664d41947b 100644
--- a/frontend/src/components/tasks/GanttChart.vue
+++ b/frontend/src/components/tasks/GanttChart.vue
@@ -19,6 +19,7 @@
 			:width="ganttChartWidth"
 			@dragendBar="updateGanttTask"
 			@dblclickBar="openTask"
+			:color-scheme="GANTT_COLOR_SCHEME"
 		>
 			<template #timeunit="{value, date}">
 				<div
@@ -59,7 +60,7 @@ import {
 	extendDayjs,
 	GGanttChart,
 	GGanttRow,
-	type GanttBarObject,
+	type GanttBarObject, type ColorScheme,
 } from '@infectoone/vue-ganttastic'
 
 import Loading from '@/components/misc/loading.vue'
@@ -113,6 +114,16 @@ const ganttChartWidth = computed(() => {
 
 const ganttBars = ref<GanttBarObject[][]>([])
 
+const GANTT_COLOR_SCHEME: ColorScheme = {
+	primary: 'var(--grey-100)',
+	secondary: 'var(--grey-300)',
+	ternary: 'var(--grey-500)',
+	quartenary: 'var(--grey-600)',
+	hoverHighlight: 'var(--grey-700)',
+	text: 'var(--grey-800)',
+	background: 'var(--white)',
+}
+
 /**
  * Update ganttBars when tasks change
  */