diff --git a/src/admin/pages/Dashboard.tsx b/src/admin/pages/Dashboard.tsx
index eed3c92..2cea3f5 100644
--- a/src/admin/pages/Dashboard.tsx
+++ b/src/admin/pages/Dashboard.tsx
@@ -238,7 +238,8 @@ export default function Dashboard() {
             mb: 3,
             border: 2,
             borderColor: "error.main",
-            bgcolor: "error.light",
+            backgroundColor:
+              "rgba(var(--mui-palette-error-mainChannel) / 0.12)",
           }}
         >
           <Box
diff --git a/src/admin/pages/Invoices.tsx b/src/admin/pages/Invoices.tsx
index 9ed4137..735f935 100644
--- a/src/admin/pages/Invoices.tsx
+++ b/src/admin/pages/Invoices.tsx
@@ -507,11 +507,10 @@ export default function Invoices() {
         new Date(inv.due_date) < new Date(new Date().toDateString()));
     if (isOverdue) {
       return {
-        bgcolor: "warning.light",
-        opacity: 0.85,
+        backgroundColor: "rgba(var(--mui-palette-warning-mainChannel) / 0.12)",
         "&:hover": {
-          bgcolor: "warning.light",
-          filter: "brightness(0.97)",
+          backgroundColor:
+            "rgba(var(--mui-palette-warning-mainChannel) / 0.18)",
         },
       };
     }
diff --git a/src/admin/pages/Offers.tsx b/src/admin/pages/Offers.tsx
index f11235b..dd9cba1 100644
--- a/src/admin/pages/Offers.tsx
+++ b/src/admin/pages/Offers.tsx
@@ -642,7 +642,11 @@ export default function Offers() {
   ];
 
   // Per-status row tints (replaces offers-invalidated-row / offers-completed-row
-  // / offers-expired-row). Subtle, theme-token based so they stay dark/light-safe.
+  // / offers-expired-row). These are LOW-ALPHA washes via the palette channel
+  // vars (not solid `.light` fills — those turn the white dark-mode row text
+  // invisible and read garish in light mode). Invalidated = faded/muted, matching
+  // the original "voided" look. Readable in BOTH schemes because the underlying
+  // row text keeps its normal theme color.
   const rowSx = (q: Quotation) => {
     const isInvalidated = q.status === "invalidated";
     const isCompleted = !isInvalidated && q.order_status === "dokoncena";
@@ -654,31 +658,25 @@ export default function Offers() {
       new Date(q.valid_until) < new Date(new Date().toDateString());
     if (isInvalidated) {
       return {
-        bgcolor: "error.light",
-        opacity: 0.9,
-        "&:hover": {
-          bgcolor: "error.light",
-          filter: "brightness(0.97)",
-        },
+        opacity: 0.6,
+        "& td": { color: "var(--mui-palette-text-secondary)" },
       };
     }
     if (isCompleted) {
       return {
-        bgcolor: "success.light",
-        opacity: 0.85,
+        backgroundColor: "rgba(var(--mui-palette-success-mainChannel) / 0.12)",
         "&:hover": {
-          bgcolor: "success.light",
-          filter: "brightness(0.97)",
+          backgroundColor:
+            "rgba(var(--mui-palette-success-mainChannel) / 0.18)",
         },
       };
     }
     if (isExpired) {
       return {
-        bgcolor: "warning.light",
-        opacity: 0.85,
+        backgroundColor: "rgba(var(--mui-palette-warning-mainChannel) / 0.12)",
         "&:hover": {
-          bgcolor: "warning.light",
-          filter: "brightness(0.97)",
+          backgroundColor:
+            "rgba(var(--mui-palette-warning-mainChannel) / 0.18)",
         },
       };
     }
diff --git a/src/admin/ui/DataTable.tsx b/src/admin/ui/DataTable.tsx
index ec39fd3..6034599 100644
--- a/src/admin/ui/DataTable.tsx
+++ b/src/admin/ui/DataTable.tsx
@@ -99,7 +99,11 @@ export default function DataTable<T>({
                 },
                 onRowClick ? { cursor: "pointer" } : {},
                 rowDanger?.(row)
-                  ? { borderColor: "error.main", bgcolor: "error.light" }
+                  ? {
+                      borderColor: "error.main",
+                      backgroundColor:
+                        "rgba(var(--mui-palette-error-mainChannel) / 0.12)",
+                    }
                   : {},
                 rowInactive?.(row) ? { opacity: 0.55 } : {},
                 ...(Array.isArray(extra) ? extra : extra ? [extra] : []),
@@ -235,11 +239,11 @@ export default function DataTable<T>({
                   onRowClick ? { cursor: "pointer" } : {},
                   rowDanger?.(row)
                     ? {
-                        bgcolor: "error.light",
-                        opacity: 0.88,
+                        backgroundColor:
+                          "rgba(var(--mui-palette-error-mainChannel) / 0.12)",
                         "&:hover": {
-                          bgcolor: "error.light",
-                          filter: "brightness(0.97)",
+                          backgroundColor:
+                            "rgba(var(--mui-palette-error-mainChannel) / 0.18)",
                         },
                       }
                     : {},