🐞 fix: Remove Chrome tint implementation

2026-07-12 15:30:54 -05:00
parent 5bffd36ff8
commit 8c3284399e
5 changed files with 0 additions and 502 deletions
@@ -27,9 +27,6 @@ $showHero = $post->post_parent === $services ? true : false;
 <head>
 	<meta charset="<?php bloginfo( 'charset' ); ?>">
 	<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>
@@ -39,27 +36,6 @@ $showHero = $post->post_parent === $services ? true : false;
 		<?php echo esc_html__( 'Skip to main content' ); ?>
 	</a>

-	<?php
-	/*
-	 * Chrome tint elements.
-	 *
-	 * iOS 26+ Safari ignores the <meta name="theme-color"> tag and
-	 * instead samples the background-color of fixed/sticky elements
-	 * near the top and bottom of the viewport to tint the browser
-	 * chrome (status bar / home indicator). Their backgroundColor is
-	 * updated at runtime by static/js/modules/ChromeTint.js based on
-	 * which element (site-header or site-footer) is in view.
-	 *
-	 * Sampling windows (iOS 26):
-	 *   - top:    within 4px of top, width >=80%, min-height 12px
-	 *   - bottom: within 3px of bottom, width >=80%, min-height 3px
-	 *
-	 * aria-hidden because these are visual-only and carry no meaning.
-	 */
-	?>
-	<div class="chrome-tint chrome-tint--top" aria-hidden="true"></div>
-	<div class="chrome-tint chrome-tint--bottom" aria-hidden="true"></div>
-
 	<header role="banner" class="site-header bg-secondary flex flex-col items-center justify-start">
 		<?php get_template_part( 'views/components/nav-aux' ); ?>