Words are unreadable after installing default WordPress theme

Can you please share a screenshot of “light words”

Currently, dark mode support is only available to users if their system supports it. The theme toggle that is shown which allows the user to switch between light and dark mode has been removed from the frontend, due to the inability to persist the theme preference and being able to unserialize that into the AMP state without explicit user interaction. This issue is being tracked in https://github.com/ampproject/amphtml/issues/20951

Hello @thickaccent

I am able to reproduce the issue, thanks for reporting it, it seems the custom background color is overriding dark mode background. I will check with plugin developers if we can fix this within the plugin as all core theme sanitizers are in plugins.

I will mark steps here:

1) Switch your system to dark mode (Mac Dark Mode)
2) Visit Customizer
a) Enable Dark Mode.
b) Change the background color to something else than the default. (white)
3) Visit the AMP page.

for now, you can use the code snippet below:
EDIT: Use this code snippet in themes functions.php or in custom plugin

add_filter(
	'body_class',
	function( $classes ) {

		$is_dark_mode_enabled = get_theme_mod( 'respect_user_color_preference', false );

		if ( ! function_exists( 'is_amp_endpoint' ) || ( function_exists( 'is_amp_endpoint' ) && ! is_amp_endpoint() ) && $is_dark_mode_enabled ) {
			return $classes;
		}

		$key = array_search( 'custom-background', $classes, true );

		if ( false !== $key ) {
			unset( $classes[ $key ] );
		}
		return $classes;
	}
);

• This reply was modified 5 years, 3 months ago by Milind More.
• This reply was modified 5 years, 3 months ago by Milind More.