Dynamic PWA Theme

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

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

Autor
Preston Bugg
Denně instalací
0
Celkem instalací
2
Hodnocení
0 0 0
Verze
1.9
Vytvořeno
03. 04. 2026
Aktualizováno
07. 04. 2026
Size
5,9 KB
Licence
MIT
Spustit na
všech stránkách

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.