Dynamic PWA Theme

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

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

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

(Tôi đã có Trình quản lý tập lệnh người dùng, hãy cài đặt nó!)

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.

(I already have a user style manager, let me install it!)

Tác giả
Preston Bugg
Cài đặt hàng ngày
1
Số lần cài đặt
3
Đánh giá
0 0 0
Phiên bản
1.9
Đã tạo
03-04-2026
Đã cập nhật
07-04-2026
Kích thước
6 KB
Giấy phép
MIT
Áp dụng cho
Tất cả trang web

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.