From d1f22c5b43a8cf8a6ad395e7f3c443d14a41dfca Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 8 Jun 2022 23:00:03 +0200
Subject: [PATCH] fix: use grey-100 instead of light so that it is properly set
 in dark mode

---
 src/components/input/datepicker.vue        | 2 +-
 src/components/list/partials/list-card.vue | 2 +-
 src/components/tasks/gantt-component.vue   | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/input/datepicker.vue b/src/components/input/datepicker.vue
index 729a39fb..27a35d48 100644
--- a/src/components/input/datepicker.vue
+++ b/src/components/input/datepicker.vue
@@ -294,7 +294,7 @@ export default defineComponent({
 			}
 
 			&:hover {
-				background: var(--light);
+				background: var(--grey-100);
 			}
 
 			.text {
diff --git a/src/components/list/partials/list-card.vue b/src/components/list/partials/list-card.vue
index cfa34fc8..f3fda09c 100644
--- a/src/components/list/partials/list-card.vue
+++ b/src/components/list/partials/list-card.vue
@@ -106,7 +106,7 @@ function toggleFavoriteList(list: ListModel) {
 	overflow: hidden;
 
 	&.has-light-text .title {
-		color: var(--light);
+		color: var(--grey-100);
 	}
 
 	&.has-background, .list-background {
diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index af7a21ad..cb2298cf 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -520,14 +520,14 @@ $gantt-vertical-border-color: var(--grey-100);
 				}
 
 				&.has-light-text {
-					color: var(--light);
+					color: var(--grey-100);
 
 					&.done span:after {
-						border-top: 1px solid var(--light);
+						border-top: 1px solid var(--grey-100);
 					}
 
 					.edit-toggle {
-						color: var(--light);
+						color: var(--grey-100);
 					}
 				}