From 379228e8c3dd75f00a2001b84643cee4629d570f Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sun, 29 Mar 2026 15:30:02 +0200
Subject: [PATCH] style(dashboard): refine background colors and remove
 backdrop filters for improved aesthetics Entire-Checkpoint: 84693b066142

---
 .../feature/src/lib/workspace-dashboard.component.scss     | 7 +++----
 .../lib/widgets/dashboard-activity-items.component.scss    | 3 +--
 .../src/lib/widgets/dashboard-widget-shell.component.scss  | 4 +---
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/libs/workspace/dashboard/feature/src/lib/workspace-dashboard.component.scss b/libs/workspace/dashboard/feature/src/lib/workspace-dashboard.component.scss
index edd074cc8..c1706c76c 100644
--- a/libs/workspace/dashboard/feature/src/lib/workspace-dashboard.component.scss
+++ b/libs/workspace/dashboard/feature/src/lib/workspace-dashboard.component.scss
@@ -52,7 +52,6 @@
         var(--mat-sys-surface-container-high) 100%
     );
     box-shadow: 0 8px 24px -16px var(--dashboard-frame-glow);
-    backdrop-filter: blur(8px);
 }
 
 .topbar-label {
@@ -245,6 +244,7 @@
         transform 0.2s ease,
         box-shadow 0.2s ease,
         border-color 0.2s ease;
+    contain: layout style;
     z-index: 1;
     height: var(--dashboard-widget-height);
     // Suppress the inner mat-card outlined border — slot provides the only visible border
@@ -293,11 +293,10 @@
     border-radius: 12px;
     background: color-mix(
         in srgb,
-        var(--mat-sys-surface-container-high) 78%,
-        var(--dashboard-accent) 22%
+        var(--mat-sys-surface-container-high) 92%,
+        var(--dashboard-accent) 8%
     );
     padding: 4px 6px;
-    backdrop-filter: blur(4px);
 }
 
 .drag-handle {
diff --git a/libs/workspace/dashboard/ui/src/lib/widgets/dashboard-activity-items.component.scss b/libs/workspace/dashboard/ui/src/lib/widgets/dashboard-activity-items.component.scss
index 872772d2c..5174ca6fd 100644
--- a/libs/workspace/dashboard/ui/src/lib/widgets/dashboard-activity-items.component.scss
+++ b/libs/workspace/dashboard/ui/src/lib/widgets/dashboard-activity-items.component.scss
@@ -222,8 +222,7 @@
     right: 4px;
     width: 24px;
     height: 24px;
-    background: color-mix(in srgb, var(--mat-sys-surface-container-highest) 90%, transparent);
-    backdrop-filter: blur(4px);
+    background: color-mix(in srgb, var(--mat-sys-surface-container-highest) 96%, transparent);
     opacity: 0;
 
     mat-icon {
diff --git a/libs/workspace/dashboard/ui/src/lib/widgets/dashboard-widget-shell.component.scss b/libs/workspace/dashboard/ui/src/lib/widgets/dashboard-widget-shell.component.scss
index 3e9299de8..3e6ad3cff 100644
--- a/libs/workspace/dashboard/ui/src/lib/widgets/dashboard-widget-shell.component.scss
+++ b/libs/workspace/dashboard/ui/src/lib/widgets/dashboard-widget-shell.component.scss
@@ -24,9 +24,7 @@
     justify-content: space-between;
     gap: 12px;
     padding: 14px 16px 10px;
-    position: sticky;
-    top: 0;
-    z-index: 2;
+    flex-shrink: 0;
     background: var(--app-widget-header-bg, var(--mat-sys-surface-container-high));
     border-bottom: 1px solid var(--app-widget-header-border, rgba(255, 255, 255, 0.05));
 }