Fix the background color

Automattic · Dec 12, 2023 · fe737d0 · fe737d0
1 parent a68558e
commit fe737d0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/...g-toolkit/editing-toolkit-plugin/wpcom-block-editor-nux/src/live-preview-modal/style.scss b/...g-toolkit/editing-toolkit-plugin/wpcom-block-editor-nux/src/live-preview-modal/style.scss
@@ -49,7 +49,7 @@
 }
 
 .dialog__backdrop.live-preview-modal__overlay {
-	background-color: rgba(0, 0, 0, 0.7);
+	background-color: rgba(var(--color-neutral-70-rgb), 0.8);
 	// Dialog sets `z-index: z-index("root", ".dialog__backdrop")`,
 	// but this modal is used outside of Calypso, so we need to set it manually.
 	// We can refactor to use Modal from `@wordpress/components` instead of Dialog.

diff --git a/apps/wpcom-block-editor/src/wpcom/features/live-preview/upgrade-modal.scss b/apps/wpcom-block-editor/src/wpcom/features/live-preview/upgrade-modal.scss
@@ -35,7 +35,8 @@
 	}
 }
 
-.wpcom-live-preview-upgrade-modal__overlay {
+.dialog__backdrop.wpcom-live-preview-upgrade-modal__overlay {
+	background-color: rgba(var(--color-neutral-70-rgb), 0.8);
 	// Dialog sets `z-index: z-index("root", ".dialog__backdrop")`,
 	// but this modal is used outside of Calypso, so we need to set it manually.
 	z-index: 100000;