WIP: dark mode Modale

.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.875
+NEXT_PUBLIC_APP_VERSION=1.6.876
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 

.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.875
+NEXT_PUBLIC_APP_VERSION=1.6.876
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.876] – 2025-09-08
+
+- WIP: dark mode Baugrüppenträger sttus
+
+---
 ## [1.6.875] – 2025-09-08
 
 - WIP: dark mode

components/main/kabelueberwachung/KabelueberwachungView.tsx

@@ -119,19 +119,23 @@ function KabelueberwachungView() {
   return (
     <div>
       <div className="mb-4">
-        {[1, 2, 3, 4].map((rack) => (
+        {[1, 2, 3, 4].map((rack) => {
-          <button
+          const isActive = Number(activeRack) === Number(rack);
-            key={rack}
+          return (
-            onClick={() => changeRack(rack)}
+            <button
-            className={`mr-2 ${
+              key={rack}
-              Number(activeRack) === Number(rack)
+              onClick={() => changeRack(rack)}
-                ? "bg-littwin-blue text-white p-1 rounded-sm"
+              aria-pressed={isActive}
-                : "bg-gray-300 p-1 text-sm"
+              className={`mr-2 px-2 py-1 rounded-sm text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-accent/50 ${
-            }`}
+                isActive
-          >
+                  ? "btn-primary"
-            Rack {rack}
+                  : "btn-muted text-fg-muted hover:text-fg"
-          </button>
+              }`}
-        ))}
+            >
+              Rack {rack}
+            </button>
+          );
+        })}
       </div>
       <div className="flex flex-row space-x-8 xl:space-x-0 2xl:space-x-8 qhd:space-x-16 ml-[5%] mt-[5%]">
         {(

mocks/device-cgi-simulator/SERVICE/digitalOutputsMockData.json

@@ -2,7 +2,7 @@
   "win_da_state": [
     1,
     1,
-    1,
+    0,
     1
   ],
   "win_da_bezeichnung": [

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.875",
+  "version": "1.6.876",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.875",
+      "version": "1.6.876",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.875",
+  "version": "1.6.876",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3000",