You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A couple HTML things going on here (iPhone 12/Safari 15, and as a PWA)
changing the options in <meta name="apple-mobile-web-app-status-bar-style" content="black"> (black, black-transparent etc) doesn't seem to be changing the status bar color. It also doesn't seem to be respecting <meta content="viewport-fit=cover" name="viewport"> as this should fill the notch area with the page background
Also, to recognise the device's system light/dark mode setting, <meta name="theme-color" content="#xxxxxx">
should become <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
The text was updated successfully, but these errors were encountered:
A couple HTML things going on here (iPhone 12/Safari 15, and as a PWA)
changing the options in
<meta name="apple-mobile-web-app-status-bar-style" content="black">
(black, black-transparent etc) doesn't seem to be changing the status bar color. It also doesn't seem to be respecting<meta content="viewport-fit=cover" name="viewport">
as this should fill the notch area with the page backgroundAlso, to recognise the device's system light/dark mode setting,
<meta name="theme-color" content="#xxxxxx">
should become
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
The text was updated successfully, but these errors were encountered: