Dynamic PWA Theme

Sets PWA titlebar color from manifest icon and other methods, with optional debug overlay

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

Maker
Preston Bugg
Dagelijks aantal installaties
0
Totaal aantal installaties
2
Beoordelingen
0 0 0
Versie
1.9
Gemaakt op
03-04-2026
Bijgewerkt op
07-04-2026
Grootte
5,86 KB
Licentie
MIT
Wordt toegepast op
Alle websites

Dynamically sets the titlebar color for any PWA or website using the largest manifest icon, with fallbacks if the icon isn’t available. Many PWAs or sites don’t define theme-color, causing default gray/white titlebars that don’t match the brand.

How it works: The script grabs the largest icon from the manifest and uses its dominant color. If no icon is available, it falls back to manifest.theme_color, meta name=theme-color, the favicon, or a default color (#121212). It injects before the page renders, updating the titlebar dynamically without duplicates.

Debug Mode: Toggle DEBUG = 1 to show a small overlay with the icon, selected color, and which method determined the titlebar color.

Features: Icon-priority for accurate branding, multiple fallbacks, debug overlay for testing, works on all sites without reinstalling PWAs, default color is customizable in the script.