sweetalert2 changing popup icon colour

Issue

I'm trying to change the SweetAlert2 popup icon colour for swal2-error.

I've changed the variable colour in the node package for it, & put the variable in both my components scss & my global scss file, & it won't change worst part is if I go into the inspect element & change the colour there on the

.swal2-icon.swal2-error {
    border-color: #f27474;
}

It will change but again mimick that css in all the relevant files & nothing changes, any help on this would be greatly appreciated.

Solution

Try adding !important to override any other color definitions you might have.

.swal2-icon.swal2-error {
  border-color: #f27474 !important;
}

Answered By - Kazen