Share via

Does Edge pay attention to theme_color for a PWA

Alan Bradbury 10 Reputation points
2024-09-13T12:34:44.4+00:00

Even though I have a theme_color set in my PWA manifest the status bar does not change colour as it does with Chrome on my Android Samsung Galaxy S22 Ultra

Microsoft Edge
Microsoft Edge
A Microsoft cross-platform web browser that provides privacy, learning, and accessibility tools.
2,332 questions

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Jinxin Wang (Shanghai Wicresoft Co Ltd) 2,175 Reputation points Microsoft Vendor
    2024-09-16T07:04:51.25+00:00

    Hi @Alan Bradbury,

    Based on your description, I can provide you with the following suggestions for your reference:

    1. You can try to clear the browser cache and make sure that Microsoft Edge is the latest version.
    2. Please check whether the theme-color value of the name attribute in the HTML <meta> element is used, which may override the specified theme colors in the manifest file.
    3. Please check whether the preference for light or dark mode is set in Edge, which may also adjust the applied theme color based on user preferences. If a user has set a preference for light or dark mode, Edge may override the manifest theme color value to support any prefers-color-scheme media query defined in the app's CSS.

    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    Best Regards,

    Jinxin Wang

    0 comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.