Assume light theme when editor canvas background color isn't set (#32477

)
WordPress · Jun 8, 2021 · 2d37d98 · 2d37d98
1 parent 8fbc4d6
commit 2d37d98
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/editor-styles/index.js b/packages/block-editor/src/components/editor-styles/index.js
@@ -31,7 +31,11 @@ function useDarkThemeBodyClassName( styles ) {
 				.getComputedStyle( canvas, null )
 				.getPropertyValue( 'background-color' );
 
-			if ( tinycolor( backgroundColor ).getLuminance() > 0.5 ) {
+			// If background is transparent, it should be treated as light color.
+			if (
+				tinycolor( backgroundColor ).getLuminance() > 0.5 ||
+				tinycolor( backgroundColor ).getAlpha() === 0
+			) {
 				body.classList.remove( 'is-dark-theme' );
 			} else {
 				body.classList.add( 'is-dark-theme' );