Fix Alert "close" button colors on dark/light backgrounds

zuramai / mazer

Free and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page

http://zuramai.github.io/mazer

MIT License

2.71k stars 763 forks source link

Fix Alert "close" button colors on dark/light backgrounds #264

Closed AnTheMaker closed 11 months ago

AnTheMaker commented 1 year ago

This fixes a visual bug which made the "Close" button on dismissable alerts hard to see or invisible in some cases (e.g. the black X icon in the alert-dark component).

Before:

Light mode:
Dark mode:

After:

Light mode:
Dark mode:

Edit:

This doesn't seem to fully work yet... Any help is appreciated

netlify[bot] commented 1 year ago

Deploy Preview for comforting-cocada-22086c ready!

Name	Link
Latest commit	578f26ab3db4191956ad01311a23928c6e3b8868
Latest deploy log	https://app.netlify.com/sites/comforting-cocada-22086c/deploys/652a66dedeb938000881ce42
Deploy Preview	https://deploy-preview-264--comforting-cocada-22086c.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

AnTheMaker commented 11 months ago

this should be .btn-close

Thanks! Updated this PR, it should be working now!

alfianchii commented 11 months ago

@AnTheMaker TYSM!!