docs: Dark Mode Screenshots hinzufügen

5 Dark Mode Smartphone-Mockups (Dashboard, Aufgaben, Kalender, Einkauf,
Essensplan) mit korrekten Dark Mode Design-Tokens (#1C1C1E BG, #2C2C2E
Surface, #AEAEB2 Sekundärtext). README: Getrennte Light/Dark-Tabellen
mit je 5 Screenshots in einer Reihe.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

README.md

@@ -22,49 +22,73 @@ Kein Cloud-Zwang. Keine Datenweitergabe. Kein Tracking.
 ## Screenshots
 
 <div align="center">
+
+### ☀️ Light Mode
+
 <table>
   <tr>
     <td align="center">
-      <img src="public/screenshots/dashboard.png" width="180" alt="Dashboard" /><br/>
+      <img src="public/screenshots/dashboard.png" width="160" alt="Dashboard" /><br/>
       <sub><b>Dashboard</b></sub><br/>
       <sub>Wetter · Termine · Aufgaben · Essen</sub>
     </td>
     <td align="center">
-      <img src="public/screenshots/tasks.png" width="180" alt="Aufgaben" /><br/>
+      <img src="public/screenshots/tasks.png" width="160" alt="Aufgaben" /><br/>
       <sub><b>Aufgaben</b></sub><br/>
       <sub>Prioritäten · Zuweisung · Filter</sub>
     </td>
     <td align="center">
-      <img src="public/screenshots/calendar.png" width="180" alt="Kalender" /><br/>
+      <img src="public/screenshots/calendar.png" width="160" alt="Kalender" /><br/>
       <sub><b>Kalender</b></sub><br/>
       <sub>Monatsansicht · Google & Apple Sync</sub>
     </td>
-  </tr>
-  <tr>
     <td align="center">
-      <img src="public/screenshots/shopping.png" width="180" alt="Einkaufsliste" /><br/>
+      <img src="public/screenshots/shopping.png" width="160" alt="Einkaufsliste" /><br/>
       <sub><b>Einkauf</b></sub><br/>
       <sub>Mehrere Listen · Kategorien · Fortschritt</sub>
     </td>
     <td align="center">
-      <img src="public/screenshots/meals.png" width="180" alt="Essensplan" /><br/>
+      <img src="public/screenshots/meals.png" width="160" alt="Essensplan" /><br/>
       <sub><b>Essensplan</b></sub><br/>
       <sub>Wochenplan · Zutaten · → Einkaufsliste</sub>
     </td>
-    <td align="center" valign="top">
+  </tr>
-      <br/><br/>
+</table>
-      <p align="left">
+
-        <b>PWA — installierbar auf</b><br/>
+### 🌙 Dark Mode
-        📱 iPhone & Android<br/>
+
-        💻 Desktop (Chrome/Edge)<br/><br/>
+<table>
-        <b>Alle Daten bleiben lokal</b><br/>
+  <tr>
-        🔐 Verschlüsselte SQLite-DB<br/>
+    <td align="center">
-        🚫 Kein Cloud-Zwang<br/>
+      <img src="public/screenshots/dashboard-dark.png" width="160" alt="Dashboard Dark" /><br/>
-        📴 Offline-fähig
+      <sub><b>Dashboard</b></sub><br/>
-      </p>
+      <sub>Wetter · Termine · Aufgaben · Essen</sub>
+    </td>
+    <td align="center">
+      <img src="public/screenshots/tasks-dark.png" width="160" alt="Aufgaben Dark" /><br/>
+      <sub><b>Aufgaben</b></sub><br/>
+      <sub>Prioritäten · Zuweisung · Filter</sub>
+    </td>
+    <td align="center">
+      <img src="public/screenshots/calendar-dark.png" width="160" alt="Kalender Dark" /><br/>
+      <sub><b>Kalender</b></sub><br/>
+      <sub>Monatsansicht · Google & Apple Sync</sub>
+    </td>
+    <td align="center">
+      <img src="public/screenshots/shopping-dark.png" width="160" alt="Einkaufsliste Dark" /><br/>
+      <sub><b>Einkauf</b></sub><br/>
+      <sub>Mehrere Listen · Kategorien · Fortschritt</sub>
+    </td>
+    <td align="center">
+      <img src="public/screenshots/meals-dark.png" width="160" alt="Essensplan Dark" /><br/>
+      <sub><b>Essensplan</b></sub><br/>
+      <sub>Wochenplan · Zutaten · → Einkaufsliste</sub>
     </td>
   </tr>
 </table>
+
+<sub>Dark Mode wird automatisch über die Systemeinstellung des Geräts aktiviert.</sub>
+
 </div>
 
 ---