From 83f669aa65a2e661c853c8e8346a40676dd01e71 Mon Sep 17 00:00:00 2001
From: jan <jannihanewinkel@gmail.com>
Date: Fri, 1 May 2026 18:29:52 +0200
Subject: [PATCH] Hintergrundartefakte in Dashboard Panels beheben

---
 src/components/dashboard/budget-column.tsx   | 10 ++++++----
 src/components/dashboard/dashboard-shell.tsx | 12 ++++++++----
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/dashboard/budget-column.tsx b/src/components/dashboard/budget-column.tsx
index d9c1def..2605127 100644
--- a/src/components/dashboard/budget-column.tsx
+++ b/src/components/dashboard/budget-column.tsx
@@ -230,8 +230,8 @@ export function BudgetColumn({
         width: { xs: "100%", md: groupCardWidth },
         maxWidth: "none",
         flexShrink: 0,
-        background: alpha(theme.palette.background.paper, isDark ? 0.84 : 0.84),
-        backdropFilter: "blur(8px)"
+        backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.94 : 0.98),
+        backgroundImage: "none"
       }}
     >
       <CardContent sx={{ p: 3 }}>
@@ -288,7 +288,8 @@ export function BudgetColumn({
                 p: 2,
                 borderRadius: "18px",
                 border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`,
-                background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, isDark ? 0.86 : 0.94)} 0%, ${alpha(theme.palette.text.primary, isDark ? 0.05 : 0.02)} 100%)`
+                backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.9 : 0.96),
+                backgroundImage: "none"
               }}
             >
               <Stack spacing={1.4}>
@@ -430,7 +431,8 @@ export function BudgetColumn({
                       p: 2.25,
                       borderRadius: "18px",
                       border: `1px solid ${alpha(budget.colorCode, 0.22)}`,
-                      background: `linear-gradient(180deg, ${alpha(budget.colorCode, isDark ? 0.18 : 0.12)} 0%, ${alpha(theme.palette.background.paper, isDark ? 0.96 : 0.92)} 28%)`,
+                      backgroundColor: alpha(budget.colorCode, isDark ? 0.14 : 0.08),
+                      backgroundImage: "none",
                       overflow: "hidden",
                       height: "100%"
                     }}
diff --git a/src/components/dashboard/dashboard-shell.tsx b/src/components/dashboard/dashboard-shell.tsx
index e226ac4..88e6083 100644
--- a/src/components/dashboard/dashboard-shell.tsx
+++ b/src/components/dashboard/dashboard-shell.tsx
@@ -1261,7 +1261,8 @@ export function DashboardShell({
   const islandCardSx = {
     borderRadius: { xs: "24px", md: "30px" },
     border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`,
-    background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, isDark ? 0.82 : 0.96)} 0%, ${alpha(theme.palette.text.primary, isDark ? 0.04 : 0.02)} 100%)`,
+    backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.94 : 0.98),
+    backgroundImage: "none",
     overflow: "hidden",
     boxShadow: isDark ? `0 20px 48px ${alpha("#02040A", 0.34)}` : `0 18px 44px ${alpha("#B86E2B", 0.08)}`
   };
@@ -1270,7 +1271,8 @@ export function DashboardShell({
     p: 2,
     borderRadius: "20px",
     border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`,
-    background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, isDark ? 0.78 : 0.9)} 0%, ${alpha(theme.palette.text.primary, isDark ? 0.05 : 0.02)} 100%)`,
+    backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.9 : 0.96),
+    backgroundImage: "none",
     overflow: "hidden"
   };
 
@@ -2098,7 +2100,8 @@ export function DashboardShell({
                               ...nestedPanelSx,
                               p: 1.5,
                               borderColor: alpha(theme.palette.primary.main, 0.18),
-                              backgroundColor: alpha(theme.palette.primary.main, isDark ? 0.14 : 0.06)
+                              background: alpha(theme.palette.primary.main, isDark ? 0.14 : 0.06),
+                              backgroundImage: "none"
                             }}
                           >
                             <Stack spacing={1.4}>
@@ -2173,7 +2176,8 @@ export function DashboardShell({
                               ...nestedPanelSx,
                               p: 1.5,
                               borderColor: alpha(theme.palette.primary.main, 0.18),
-                              backgroundColor: alpha(theme.palette.primary.main, isDark ? 0.14 : 0.06)
+                              background: alpha(theme.palette.primary.main, isDark ? 0.14 : 0.06),
+                              backgroundImage: "none"
                             }}
                           >
                             <Stack spacing={1.2}>