✨ feature: Implement dynamic browser chrome tinting for header and footer visibility

2026-07-12 13:57:20 -05:00
parent e38511126d
commit ca367364f8
5 changed files with 318 additions and 1 deletions
@@ -26,7 +26,10 @@ $showHero = $post->post_parent === $services ? true : false;

 <head>
 	<meta charset="<?php bloginfo( 'charset' ); ?>">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+	<!-- Status bar tint (top, behind notch/Dynamic Island). Updated at runtime
+	     by static/js/modules/ChromeTint.js based on which element is in view. -->
+	<meta name="theme-color" content="#032F46">

 	<?php wp_head(); ?>
 </head>