From 7e114adcc30a061905f3553168b3acdb1920062d Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Tue, 19 May 2026 18:46:41 +0200
Subject: [PATCH] web: change preview banner styling

---
 web/src/components/general/previewBanner.module.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/components/general/previewBanner.module.scss b/web/src/components/general/previewBanner.module.scss
index 3bacdbc..00576f1 100644
--- a/web/src/components/general/previewBanner.module.scss
+++ b/web/src/components/general/previewBanner.module.scss
@@ -9,7 +9,8 @@
   justify-content: space-between;
   gap: var(--spacing-s);
   padding: var(--spacing-xs) var(--spacing-s);
-  background: var(--color-deepBrick);
+  background: color-mix(in srgb, var(--color-deepBrick) 60%, transparent);
+  backdrop-filter: blur(4px);
   color: var(--color-betongGray);
   font-family: var(--font-main-demi);
   font-size: var(--font-size-caption);