this post was submitted on 06 Aug 2023
5 points (85.7% liked)
Voyager
5530 readers
4 users here now
The official lemmy community for Voyager, an open source, mobile-first client for lemmy.
Rules
- Be nice.
- lemmy.world instance policy
Sponsor development! 👇
💙
founded 1 year ago
MODERATORS
you are viewing a single comment's thread
view the rest of the comments
view the rest of the comments
iOS issue. Not one the dev can control.
However if you use the TestFlight native app, you won’t get this issue.
They can: https://stackoverflow.com/questions/19125074/how-to-change-the-background-color-of-the-ios-status-bar-for-safari-web-apps
The answer is almost 10 years old. If you are certain it can fix the issue you should create a PR.
Fail enough. I went and tried the answer without quick luck. After some trial and error, in the simplest working page:
This gets you a status bar with black background and white text: `
`
This gets you a status bar with white background and black text: `
`
the important detail is getting the theme inside the body element not the head. Other colors can be used too, for example, a red status bar:
I don't really have time to apply this in the voyager app and I don't use it either, so I'm not really motivated to do it atm. Just for the sake of it, I've downloaded the code and tried to apply the changes I though it would make it work, but it was not a straight forward fix, so I gave up.
Fail enough. I went and tried the answer without quick luck. After some trial and error, in the simplest working page:
This gets you a status bar with black background and white text:
This gets you a status bar with white background and black text:
the important detail is getting the theme inside the body element not the head. Other colors can be used too, for example, a red status bar:
I don't really have time to apply this in the voyager app and I don't use it either, so I'm not really motivated to do it atm. Just for the sake of it, I've downloaded the code and tried to apply the changes I though it would make it work, but it was not a straight forward fix, so I gave up.
Fail enough. I went and tried the answer without quick luck. After some trial and error, in the simplest working page:
This gets you a status bar with black background and white text:
This gets you a status bar with white background and black text:
the important detail is getting the theme inside the body element not the head. Other colors can be used too, for example, a red status bar:
```<meta name="theme-color" content="#ff0000">``
I don't really have time to apply this in the voyager app and I don't use it either, so I'm not really motivated to do it atm. Just for the sake of it, I've downloaded the code and tried to apply the changes I though it would make it work, but it was not a straight forward fix, so I gave up.
(Sorry for the formatting, the editor keeps removing all of the html tags in the comment)