Add fallback Cover block colors when serving a Reader theme

ampproject · Apr 8, 2021 · 2347340 · 2347340
1 parent 99d01d0
commit 2347340
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/ReaderThemeLoader.php b/src/ReaderThemeLoader.php
@@ -369,6 +369,22 @@ function () {
 		$this->disable_widgets();
 		add_filter( 'customize_previewable_devices', [ $this, 'customize_previewable_devices' ] );
 		add_action( 'customize_register', [ $this, 'remove_customizer_themes_panel' ], 11 );
+
+		// Add fallback style for cover block in case theme palette of active theme is not the same as the reader theme.
+		add_action(
+			'wp_enqueue_scripts',
+			function () {
+				wp_add_inline_style(
+					'amp-default',
+					'
+						.wp-block-cover {
+							background: black;
+							color: white;
+						}
+					'
+				);
+			}
+		);
 	}
 
 	/**