this post was submitted on 06 Aug 2023
5 points (85.7% liked)
Voyager
5475 readers
2 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
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:
```<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)
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.