search

khmyznikov / pwa-install

Installation dialog for Progressive Web Application. Provides a more convenient user experience and fixes the lack of native dialogs in some browsers.
https://www.khmyznikov.com/pwa-install
MIT License
379 stars 61 forks source link

style customization support #75

Open mengxi-ream opened 3 months ago

mengxi-ream commented 3 months ago

The shadow might be too much for white background of the webpage.

My website is always with white background no matter in dark or light system mode. The CSS style of the PWA install button in both light and dark modes has excessive shadows, giving the website a fraudulent appearance.

I've tried to put this in my global.css

#pwa-install-element .install-dialog{
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.3)) !important;
}

but it can't really change the css style. can I ask what should I do?

khmyznikov commented 3 months ago

This is related to this issue: https://github.com/khmyznikov/pwa-install/issues/16 Need to add part element to template to be able to assign custom style. If you can try to do a PR for this, I can help.