angular2-notifications icon indicating copy to clipboard operation
angular2-notifications copied to clipboard

can I personalize the css? change colors?

Open sebasrock opened this issue 7 years ago • 5 comments

can I personalize the css? change colors?

sebasrock avatar Oct 06 '16 03:10 sebasrock

Yes ViewEncapsulation is set to none so you can override any style from the library.

flauc avatar Oct 06 '16 09:10 flauc

@flauc I am not able to locate it in any file. Could you guide me to that? As an aside, could this be added as an option parameter? Thanks.

sandyydk avatar Feb 02 '17 08:02 sandyydk

Look for the notification component in your node modules: node_modules/angular2-notifications/src/simple-notifications/components/notification.component.ts

bukialabi avatar May 03 '17 13:05 bukialabi

Small bump, it would be great if we could inject a global style object / stylesheet path when adding the module to the app in the imports array.

Directly editing the component in node_modules is a bad idea, as the code in there is hopefully not commited, and redeployment will overwrite it, as well as updates to the library, reinstalls of the modules suite, etc. etc.

Zvax avatar Aug 03 '17 21:08 Zvax

The file I mentioned above shows you what the css selectors are and the default styles so you know what to change. What I've ended up doing in the meantime is creating a css file with my own color scheme and linking it at the bottom of my index page.

bukialabi avatar Aug 06 '17 10:08 bukialabi