From 20e585f420b8a49f5561eca8456265f386aa8aac Mon Sep 17 00:00:00 2001
From: purusott <74315929+purusott@users.noreply.github.com>
Date: Mon, 15 Jul 2024 13:29:45 +0200
Subject: [PATCH] fix(boards):Text color preview (#1586)

* fix(boards): text color on no departure, different themes

* feat(preview): dark mode preview boards
---
 next-tavla/app/page.tsx                        | 2 +-
 next-tavla/src/Board/scenarios/Table/index.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/next-tavla/app/page.tsx b/next-tavla/app/page.tsx
index 5f1c6f134..db53a3b34 100644
--- a/next-tavla/app/page.tsx
+++ b/next-tavla/app/page.tsx
@@ -52,7 +52,7 @@ function Landing() {
                         <div className="flex flex-col xl:flex-row gap-4">
                             <div
                                 className="xl:w-1/2 h-[60vh] overflow-y-hidden rounded-2xl"
-                                data-theme="entur"
+                                data-theme="dark"
                             >
                                 <Preview boards={previewBoards} />
                             </div>
diff --git a/next-tavla/src/Board/scenarios/Table/index.tsx b/next-tavla/src/Board/scenarios/Table/index.tsx
index ea064f2c8..34405f6d8 100644
--- a/next-tavla/src/Board/scenarios/Table/index.tsx
+++ b/next-tavla/src/Board/scenarios/Table/index.tsx
@@ -33,7 +33,9 @@ function Table({
             </div>
         )
 
-    const theme = document.querySelector('.root')?.getAttribute('data-theme')
+    const theme = document
+        .querySelector('[data-theme]')
+        ?.getAttribute('data-theme')
 
     if (departures.length === 0)
         return (
@@ -43,7 +45,7 @@ function Table({
                     alt=""
                     className="h-[6em] w-[6em] lg:h-[15em] lg:w-[15em] sm:max-h-[10em] sm:max-w-[10em]"
                 />
-                <Paragraph className="text-primary sm:pb-8 ">
+                <Paragraph className="!text-primary sm:pb-8 ">
                     Ingen avganger de neste 24 timene.
                 </Paragraph>
             </div>