From d9d0f64a013e2455695bc1e7c0df060fee569306 Mon Sep 17 00:00:00 2001
From: Lukasz Ostrowski <lukasz.ostrowski@saleor.io>
Date: Mon, 28 Aug 2023 21:51:15 +0200
Subject: [PATCH] Fix CMS modal bg (#935)

---
 .changeset/proud-cheetahs-pay.md         | 5 +++++
 apps/cms-v2/src/modules/theme/styles.css | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/proud-cheetahs-pay.md

diff --git a/.changeset/proud-cheetahs-pay.md b/.changeset/proud-cheetahs-pay.md
new file mode 100644
index 0000000..59caab0
--- /dev/null
+++ b/.changeset/proud-cheetahs-pay.md
@@ -0,0 +1,5 @@
+---
+"saleor-app-cms-v2": patch
+---
+
+Fixed background color of the modal. Previously white background was missing and only blur was applied. Now it is blurred and white with an opacity (in the dark mode it is fixed with dark grey)
diff --git a/apps/cms-v2/src/modules/theme/styles.css b/apps/cms-v2/src/modules/theme/styles.css
index 0327b1e..9a03278 100644
--- a/apps/cms-v2/src/modules/theme/styles.css
+++ b/apps/cms-v2/src/modules/theme/styles.css
@@ -9,7 +9,7 @@ dialog {
 
 .dialog-overlay {
     z-index: 1;
-    background: rgba(var(--mu-colors-background-plain), 0.8);
+    background: color-mix(in srgb, var(--mu-colors-background-plain) 80%, transparent);
     backdrop-filter: blur(5px);
     content: "";
     position: fixed;