From bb066189192bf5edf293c75f1312e7f4f6ea53b4 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Mon, 18 Aug 2025 14:44:10 +0200
Subject: [PATCH] feat: system dark and light mode

---
 .env.development                              |  2 +-
 .env.production                               |  2 +-
 CHANGELOG.md                                  |  5 ++
 components/main/system/DetailModal.tsx        |  6 +--
 components/main/system/SystemOverviewGrid.tsx |  7 ++-
 components/main/system/SystemView.tsx         | 51 ++++++++++---------
 package-lock.json                             |  4 +-
 package.json                                  |  2 +-
 8 files changed, 44 insertions(+), 35 deletions(-)

diff --git a/.env.development b/.env.development
index ae94ea8..a72194a 100644
--- a/.env.development
+++ b/.env.development
@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
 NEXT_PUBLIC_EXPORT_STATIC=false
 NEXT_PUBLIC_USE_CGI=false
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.738
+NEXT_PUBLIC_APP_VERSION=1.6.739
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 
diff --git a/.env.production b/.env.production
index b7cb9f2..54ad138 100644
--- a/.env.production
+++ b/.env.production
@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
 NEXT_PUBLIC_EXPORT_STATIC=true
 NEXT_PUBLIC_USE_CGI=true
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.738
+NEXT_PUBLIC_APP_VERSION=1.6.739
 NEXT_PUBLIC_CPL_MODE=production
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index e73b4c0..bcba804 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## [1.6.739] – 2025-08-18
+
+- feat: Dashboard light and dark mode
+
+---
 ## [1.6.738] – 2025-08-18
 
 - feat: Navigation dar und light mode
diff --git a/components/main/system/DetailModal.tsx b/components/main/system/DetailModal.tsx
index 9700314..7bce729 100644
--- a/components/main/system/DetailModal.tsx
+++ b/components/main/system/DetailModal.tsx
@@ -476,7 +476,7 @@ export const DetailModal = ({
                   />
                 </svg>
               </Listbox.Button>
-              <Listbox.Options className="absolute z-50 mt-1 w-full border rounded bg-white shadow max-h-60 overflow-auto text-sm">
+              <Listbox.Options className="absolute z-50 mt-1 w-full border rounded bg-white dark:bg-gray-800 shadow max-h-60 overflow-auto text-sm border-gray-200 dark:border-gray-700 text-gray-900 dark:text-gray-100">
                 {["DIA0", "DIA1", "DIA2"].map((option) => (
                   <Listbox.Option
                     key={option}
@@ -486,7 +486,7 @@ export const DetailModal = ({
                         selected
                           ? "bg-littwin-blue text-white"
                           : active
-                          ? "bg-gray-200"
+                          ? "bg-gray-200 dark:bg-gray-700"
                           : ""
                       }`
                     }
@@ -514,7 +514,7 @@ export const DetailModal = ({
           </button>
         </div>
 
-        <div className="h-[85%]">
+        <div className="h-[85%] bg-white dark:bg-gray-800 rounded shadow border border-gray-200 dark:border-gray-700 p-2">
           <Line ref={chartRef} data={chartData} options={chartOptions} />
         </div>
       </div>
diff --git a/components/main/system/SystemOverviewGrid.tsx b/components/main/system/SystemOverviewGrid.tsx
index fc4515f..308ce45 100644
--- a/components/main/system/SystemOverviewGrid.tsx
+++ b/components/main/system/SystemOverviewGrid.tsx
@@ -12,9 +12,12 @@ export const SystemOverviewGrid = ({ voltages, onOpenDetail }: Props) => {
   return (
     <div className="grid grid-cols-2 gap-4 mb-8">
       {Object.entries(voltages).map(([key, value]) => {
-        const unit = key.includes("Temp") ? "°C" : "V";
+        const unit = key.includes("Temp") ? "\u00b0C" : "V";
         return (
-          <div key={key} className="p-4 border rounded shadow">
+          <div
+            key={key}
+            className="p-4 border rounded shadow bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 text-gray-900 dark:text-gray-100"
+          >
             <h2 className="font-semibold">{key}</h2>
             <p>
               {formatValue(value)} {unit}
diff --git a/components/main/system/SystemView.tsx b/components/main/system/SystemView.tsx
index dc651d0..a04f7d0 100644
--- a/components/main/system/SystemView.tsx
+++ b/components/main/system/SystemView.tsx
@@ -42,33 +42,34 @@ const SystemPage = () => {
 
   const handleOpenDetail = (key: string) => {
     setSelectedKey(key);
-    setIsModalOpen(true);
-
-    // Nur passenden Thunk aufrufen
-    switch (key) {
-      case "+5V":
-        dispatch(getSystemspannung5VplusThunk(zeitraum));
-        break;
-      case "+15V":
-        dispatch(getSystemspannung15VplusThunk(zeitraum));
-        break;
-      case "-15V":
-        dispatch(getSystemspannung15VminusThunk(zeitraum));
-        break;
-      case "-98V":
-        dispatch(getSystemspannung98VminusThunk(zeitraum));
-        break;
-      case "ADC Temp":
-        dispatch(getTemperaturAdWandlerThunk(zeitraum));
-        break;
-      case "CPU Temp":
-        dispatch(getTemperaturProzessorThunk(zeitraum));
-        break;
-    }
+    const handleOpenDetail = (key: string) => {
+      setSelectedKey(key);
+      setIsModalOpen(true);
+      switch (key) {
+        case "+5V":
+          dispatch(getSystemspannung5VplusThunk(zeitraum));
+          break;
+        case "+15V":
+          dispatch(getSystemspannung15VplusThunk(zeitraum));
+          break;
+        case "-15V":
+          dispatch(getSystemspannung15VminusThunk(zeitraum));
+          break;
+        case "-98V":
+          dispatch(getSystemspannung98VminusThunk(zeitraum));
+          break;
+        case "ADC Temp":
+          dispatch(getTemperaturAdWandlerThunk(zeitraum));
+          break;
+        case "CPU Temp":
+          dispatch(getTemperaturProzessorThunk(zeitraum));
+          break;
+        default:
+          break;
+      }
+    };
   };
-
   const handleCloseDetail = () => {
-    setSelectedKey(null);
     setIsModalOpen(false);
   };
 
diff --git a/package-lock.json b/package-lock.json
index b6851ef..7b94591 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.738",
+  "version": "1.6.739",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.738",
+      "version": "1.6.739",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",
diff --git a/package.json b/package.json
index 78100a3..40c8aa4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.738",
+  "version": "1.6.739",
   "private": true,
   "scripts": {
     "dev": "next dev",