discourse/app/views/common
Joe 3d9464b7da
UX: Set theme color on splash a bit earlier (#17619)
Context: https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/17

We currently set the theme secondary color as the background for the splash, and this works and respects light/dark modes.

The issue is that we set it on the #d-splash div. That div doesn't have a specified height and only gets its height when the splash image loads.

This can cause a flicker effect where the <HTML> background shows for a fraction of a second while the splash image loads.

This PR sets the theme color on the <HTML> tag to alleviate this. This allows us to set the theme color a little bit sooner and should hopefully prevent the flicker effect from happening.

This PR also adds the theme-color <meta> tag for dark mode. Browsers that don't support multiple theme-color tags will ignore the second tag and fall back to the first one.
2022-07-23 17:53:42 +08:00
..
_discourse_preload_stylesheet.html.erb DEV: Preload CSS in the <head> (#17322) 2022-07-05 00:23:09 +08:00
_discourse_publish_stylesheet.html.erb Code review comments. 2021-06-21 11:06:58 +08:00
_discourse_splash.html.erb UX: Set theme color on splash a bit earlier (#17619) 2022-07-23 17:53:42 +08:00
_discourse_stylesheet.html.erb DEV: Make wizard an ember addon (#17027) 2022-06-17 14:50:21 +02:00
_google_tag_manager_body.html.erb FIX: update Google Tag Manager javascript 2018-04-03 14:22:06 -04:00
_google_tag_manager_head.html.erb FEATURE: Implement nonces for Google Tag Manager integration (#12531) 2021-03-26 11:19:31 -04:00
_google_universal_analytics.html.erb FEATURE: Add Google Universal Analytics v4 as an option (#11123) 2020-11-06 14:15:36 -06:00
_second_factor_backup_input.html.erb FIX: Allow the app to generate and accept longer backup codes (#8761) 2020-01-21 14:28:31 +00:00
_second_factor_text_field.html.erb FEATURE: Second factor backup 2018-06-28 10:12:32 +02:00