June 2026 promo! Join our Discord free of charge.

Slick­Stack
Lightning-fast WordPress on Nginx

how to change PWA theme and background color in WordPress

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 24, 2024 at 6:02 pm #26279
    Heather
    Guest

    it seems these 2 fields are missing from the official PWA app and they are both hardcoded to #fff for some reason?

    PWA

    August 24, 2024 at 6:03 pm #26280
    Beverly
    Guest

    "background_color": "#fff",
    "theme_color": "#fff",

    this is what I seen after scanning the manifest.json on PWA Builder.

    August 24, 2024 at 6:04 pm #26281
    Joshua
    Guest

    also unrelated but I would rather use "display": "standalone", instead of "display": "minimal-ui", but that one also seems hardcoded?

    August 24, 2024 at 6:07 pm #26282
    Emma
    Guest

    update, seems the Super PWA app supports the colors:

    Super Progressive Web Apps

    screenshot

    https://ps.w.org/super-progressive-web-apps/assets/screenshot-1.png?rev=2002515

    August 24, 2024 at 6:09 pm #26284
    Samuel
    Guest

    Super PWA also supports Standalone display too btw, it’s the default display mode.

    August 24, 2024 at 6:11 pm #26285
    Raymond
    Guest

    https://github.com/w3c/manifest/issues/975

    dark mode colors might be getting approved too by W3C.

    August 24, 2024 at 6:34 pm #26286
    Anthony
    Guest

    Expose the Web App Manifest display member as setting in admin #970

    https://github.com/GoogleChromeLabs/pwa-wp/issues/970

    August 24, 2024 at 7:47 pm #26290
    Kelly
    Guest

    FYI,

    Just discovered the official plugin also supports these fields but it requires custom PHP filters to be added in your theme functions.php or using a code snippet plugin:

    https://github.com/GoogleChromeLabs/pwa-wp/wiki/Web-App-Manifest

    example:

    add_filter( 'web_app_manifest', function( $manifest ) {
    $manifest['theme_color'] = '#0073AA';
    return $manifest;
    } );

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
Reply To: how to change PWA theme and background color in WordPress

Thanks to our generous sponsors for their support!