From 7cbada7e04fc800b84bf2d0dbeaf64ab4b7c330f Mon Sep 17 00:00:00 2001
From: Nicolas <nicolas@syntaxdev.de>
Date: Wed, 23 Jul 2025 12:01:44 +0200
Subject: [PATCH] fix Markdown macht text dunkel bei lightmode Browsern

---
 apps/hub/app/(app)/events/_components/EventCard.tsx | 2 +-
 apps/hub/app/(app)/events/_components/Modal.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/hub/app/(app)/events/_components/EventCard.tsx b/apps/hub/app/(app)/events/_components/EventCard.tsx
index 4a5884d5..0f66e28f 100644
--- a/apps/hub/app/(app)/events/_components/EventCard.tsx
+++ b/apps/hub/app/(app)/events/_components/EventCard.tsx
@@ -36,7 +36,7 @@ export const EventCard = ({
 					</div>
 					<div className="grid grid-cols-6 gap-4">
 						<div className="col-span-4">
-							<div className="text-left text-balance">
+							<div className="text-left text-balance" data-color-mode="dark">
 								<MDEditor.Markdown
 									source={event.descriptionShort}
 									style={{
diff --git a/apps/hub/app/(app)/events/_components/Modal.tsx b/apps/hub/app/(app)/events/_components/Modal.tsx
index 65f666db..bcf0e910 100644
--- a/apps/hub/app/(app)/events/_components/Modal.tsx
+++ b/apps/hub/app/(app)/events/_components/Modal.tsx
@@ -154,7 +154,7 @@ const ModalBtn = ({
 							<h2 className="flex gap-2 text-lg font-bold">
 								<Info /> Details
 							</h2>
-							<div className="text-balance text-left">
+							<div className="text-balance text-left" data-color-mode="dark">
 								<MDEditor.Markdown
 									source={event.description}
 									style={{