feat: header light und dark mode

2025-08-18 16:40:37 +02:00
parent b72b9d665b
commit c711a6a132
7 changed files with 13 additions and 8 deletions
--- a/components/header/Header.tsx
+++ b/components/header/Header.tsx
@@ -102,10 +102,10 @@ function Header() {
          priority
        />
        <div className="flex flex-col leading-tight whitespace-nowrap">
-          <h2 className="text-xl laptop:text-base xl:text-lg font-bold">
+          <h2 className="text-xl laptop:text-base xl:text-lg font-bold text-gray-900 dark:text-gray-100">
            Meldestation
          </h2>
-          <p className="text-gray-600 text-lg laptop:text-sm xl:text-base truncate max-w-[20vw]">
+          <p className="text-gray-600 dark:text-gray-300 text-lg laptop:text-sm xl:text-base truncate max-w-[20vw]">
            {deviceName}
          </p>
        </div>