From 05189bb056d4eea54993cbaae1e26fd7e4fcb01e Mon Sep 17 00:00:00 2001 From: Daniel Richards Date: Fri, 5 May 2023 14:14:00 +0800 Subject: [PATCH 1/2] Update background color of post editor when viewing mobile or tablet viewports, or in template mode --- packages/edit-post/src/components/visual-editor/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/edit-post/src/components/visual-editor/style.scss b/packages/edit-post/src/components/visual-editor/style.scss index 86495e740edc0..e9216f0cf8f2f 100644 --- a/packages/edit-post/src/components/visual-editor/style.scss +++ b/packages/edit-post/src/components/visual-editor/style.scss @@ -7,7 +7,7 @@ // Gray preview overlay (desktop/tablet/mobile) is intentionally not set on an element with scrolling content like // interface-interface-skeleton__content. This causes graphical glitches (flashes of the background color) // when scrolling in Safari due to incorrect ordering of large compositing layers (GPU acceleration). - background-color: $gray-800; + background-color: $gray-900; // The button element easily inherits styles that are meant for the editor style. // These rules enhance the specificity to reduce that inheritance. From d22827547a44071379e40eb738b2e30bedf0d4b5 Mon Sep 17 00:00:00 2001 From: Daniel Richards Date: Fri, 5 May 2023 14:21:57 +0800 Subject: [PATCH 2/2] Also update site editor color --- packages/edit-site/src/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/edit-site/src/style.scss b/packages/edit-site/src/style.scss index 30abf4057b80e..dcddf706b40dd 100644 --- a/packages/edit-site/src/style.scss +++ b/packages/edit-site/src/style.scss @@ -85,7 +85,7 @@ body.site-editor-php { } .interface-interface-skeleton__content { - background-color: $gray-800; + background-color: $gray-900; } }