style: gantt dark mode

undb-io · Jul 6, 2023 · 3e7b27e · 3e7b27e
1 parent 743a88f
commit 3e7b27e
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/apps/frontend/src/lib/gantt/GanttView.svelte b/apps/frontend/src/lib/gantt/GanttView.svelte
@@ -51,7 +51,7 @@
 		id: r.id.value,
 		label: r.getDisplayFieldsValue($table),
 		height: 52,
-		classes: 'bg-gray-100 dark:!bg-gray-400 dark:text-white',
+		classes: 'bg-gray-100 dark:!bg-gray-300 dark:text-white',
 	}))
 	$: tasks = records.map<TaskModel>((r) => {
 		const value = r.valuesJSON?.[field.id.value]
@@ -157,4 +157,24 @@
 	#undb-gantt :global(.sg-hover .sg-table-body-cell) {
 		background-color: #00000008;
 	}
+
+	:global(.dark .sg-gantt .column-header-cell) {
+		color: white;
+	}
+
+	:global(.dark .sg-gantt .column-header-cell:hover) {
+		color: #374151;
+		background-color: #f7f7f7;
+	}
+
+	:global(.dark .sg-gantt .sg-table-body-cell) {
+		color: white;
+		background-color: #374151;
+		border: none;
+	}
+
+	:global(.dark .sg-gantt .sg-table-header-cell) {
+		color: white;
+		background-color: #374151;
+	}
 </style>