From f1afcc6a2261bdef916ec6adffd0deb5caceb094 Mon Sep 17 00:00:00 2001
From: data <data@data-it-solution.de>
Date: Sun, 8 Feb 2026 19:17:08 +0100
Subject: [PATCH] Mobile CSS: Dark Mode Support + Textarea volle Breite
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Hardcodierte Farben durch CSS-Variablen ersetzt
- Dark Mode Fallback für Dolibarr Themes hinzugefügt
- Beschreibungs-Textarea nutzt jetzt volle Breite auf Mobile
- opacity statt fester Farbe für Beschreibungstext

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 css/stundenzettel-mobile.css | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/css/stundenzettel-mobile.css b/css/stundenzettel-mobile.css
index b2e43a8..b61699b 100644
--- a/css/stundenzettel-mobile.css
+++ b/css/stundenzettel-mobile.css
@@ -177,9 +177,9 @@
         padding: 10px 5px;
         position: sticky;
         bottom: 0;
-        background: #fff;
+        background: var(--colorbackbody, inherit);
         z-index: 100;
-        box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
+        box-shadow: 0 -2px 8px rgba(0,0,0,0.15);
     }
 
     .mod-stundenzettel .tabsAction a.butAction,
@@ -271,8 +271,8 @@
         font-size: 12px;
     }
 
-    /* Textarea in Edit-Mode kompakter */
-    .mod-stundenzettel tr.oddeven textarea {
+    /* Textarea in Edit-Mode kompakter (aber nicht in mobile-description-row) */
+    .mod-stundenzettel tr.oddeven:not(.mobile-description-row) textarea {
         min-height: 50px;
         width: 150px !important;
     }
@@ -283,7 +283,7 @@
     /* Mobile-Zeilen anzeigen */
     .mod-stundenzettel .mobile-description-row {
         display: table-row;
-        background: #f8f9fa !important;
+        background: var(--colorbacklineimpair2, inherit) !important;
     }
 
     .mod-stundenzettel .mobile-description-row td {
@@ -310,7 +310,7 @@
         margin-top: 4px;
         font-size: 11px;
         line-height: 1.3;
-        color: #666;
+        opacity: 0.7;
     }
 }
 
@@ -365,3 +365,20 @@
         transform: scale(1.2);
     }
 }
+
+/* ============================================
+   DARK MODE SUPPORT
+   ============================================ */
+@media (prefers-color-scheme: dark) {
+    /* Nur anwenden wenn Dolibarr Dark Theme aktiv (body hat dark-Klasse) */
+    body.theme-eldy-dark .mod-stundenzettel .tabsAction,
+    body[class*="dark"] .mod-stundenzettel .tabsAction {
+        background: var(--colorbackbody, #1e1e1e);
+        box-shadow: 0 -2px 8px rgba(0,0,0,0.4);
+    }
+
+    body.theme-eldy-dark .mod-stundenzettel .mobile-description-row,
+    body[class*="dark"] .mod-stundenzettel .mobile-description-row {
+        background: var(--colorbacklineimpair2, #2d2d2d) !important;
+    }
+}