diff --git a/.env.development b/.env.development
index 32c9ba8..19071d2 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.876
+NEXT_PUBLIC_APP_VERSION=1.6.877
 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 9233132..9252754 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.876
+NEXT_PUBLIC_APP_VERSION=1.6.877
 NEXT_PUBLIC_CPL_MODE=production
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 54f6ae4..47f9853 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## [1.6.877] – 2025-09-08
+
+- WIP: dark mode Modale
+
+---
 ## [1.6.876] – 2025-09-08
 
 - WIP: dark mode Baugrüppenträger sttus
diff --git a/components/main/kabelueberwachung/KabelueberwachungView.tsx b/components/main/kabelueberwachung/KabelueberwachungView.tsx
index e00a49f..e630044 100644
--- a/components/main/kabelueberwachung/KabelueberwachungView.tsx
+++ b/components/main/kabelueberwachung/KabelueberwachungView.tsx
@@ -129,7 +129,7 @@ function KabelueberwachungView() {
               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"
-                  : "btn-muted text-fg-muted hover:text-fg"
+                  : "btn-muted text-fg opacity-90 hover:opacity-100"
               }`}
             >
               Rack {rack}
diff --git a/components/main/reports/MeldungenTabelle.tsx b/components/main/reports/MeldungenTabelle.tsx
index f28067e..3965964 100644
--- a/components/main/reports/MeldungenTabelle.tsx
+++ b/components/main/reports/MeldungenTabelle.tsx
@@ -14,39 +14,29 @@ export default function MeldungenTabelle({
 }) {
   return (
     <div className="overflow-auto max-h-[80vh]">
-      <table className="min-w-full border">
-        <thead className="bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100 text-left sticky top-0 z-10">
+      <table className="min-w-full border border-base table-surface text-fg">
+        <thead className="text-left sticky top-0 z-10 bg-surface-alt/90 backdrop-blur supports-[backdrop-filter]:bg-surface-alt/70">
           <tr>
-            <th className="p-2 border bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
-              Prio
-            </th>
-            <th className="p-2 border bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
-              Zeitstempel
-            </th>
-            <th className="p-2 border bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
-              Quelle
-            </th>
-            <th className="p-2 border bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
-              Meldung
-            </th>
-            <th className="p-2 border bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
-              Status
-            </th>
+            <th className="p-2 border border-base bg-surface-alt text-fg font-medium">Prio</th>
+            <th className="p-2 border border-base bg-surface-alt text-fg font-medium">Zeitstempel</th>
+            <th className="p-2 border border-base bg-surface-alt text-fg font-medium">Quelle</th>
+            <th className="p-2 border border-base bg-surface-alt text-fg font-medium">Meldung</th>
+            <th className="p-2 border border-base bg-surface-alt text-fg font-medium">Status</th>
           </tr>
         </thead>
         <tbody>
           {messages.map((msg, index) => (
             <tr
               key={index}
-              className="hover:bg-gray-100 dark:hover:bg-gray-700"
+              className="transition-colors hover:bg-surface-alt/60"
             >
-              <td className="border p-2 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
+              <td className="border border-base p-2 bg-surface text-fg">
                 <div
                   className="w-4 h-4 rounded"
                   style={{ backgroundColor: msg.c }}
                 ></div>
               </td>
-              <td className="border p-2 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
+              <td className="border border-base p-2 bg-surface text-fg">
                 {new Date(msg.t).toLocaleString("de-DE", {
                   day: "2-digit",
                   month: "2-digit",
@@ -56,21 +46,15 @@ export default function MeldungenTabelle({
                   second: "2-digit",
                 })}
               </td>
-              <td className="border p-2 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
-                {msg.i}
-              </td>
-              <td className="border p-2 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
-                {msg.m}
-              </td>
-              <td className="border p-2 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
-                {msg.v}
-              </td>
+              <td className="border border-base p-2 bg-surface text-fg">{msg.i}</td>
+              <td className="border border-base p-2 bg-surface text-fg">{msg.m}</td>
+              <td className="border border-base p-2 bg-surface text-fg">{msg.v}</td>
             </tr>
           ))}
         </tbody>
       </table>
       {messages.length === 0 && (
-        <div className="mt-4 text-center text-gray-500 italic">
+        <div className="mt-4 text-center text-fg-muted italic">
           Keine Meldungen im gewählten Zeitraum vorhanden.
         </div>
       )}
diff --git a/package-lock.json b/package-lock.json
index 936ebe1..0b102c8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.876",
+  "version": "1.6.877",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.876",
+      "version": "1.6.877",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",
diff --git a/package.json b/package.json
index ea05cb4..406f313 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.876",
+  "version": "1.6.877",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3000",