Skip to main content
Question

iOS 26 Safari floating navigation bars appear black on Figma Sites — theme-color meta tag and background-color: transparent on body have no effect

  • March 4, 2026
  • 0 replies
  • 126 views

Dekel Factor

 

On iOS 26, Safari's new floating top and bottom navigation bars sample the page background color. On sites published via Figma Make to figma.site, both bars appear solid black regardless of any CSS or meta tag overrides applied in the Make editor. Setting background-color: transparent on html/body and adding <meta name="theme-color" content="transparent"> in index.html has no effect. This appears to be caused by Figma's hosting runtime overriding or wrapping the document in a way that prevents these properties from reaching Safari. Affected site: season.figma.site

any suggestions on how to solve this? I’m a designer and vibe coder, not a programmer, so I need a solution within the figma make environment. i’ve tried everything with no result.