fix(package): override the color of the mat-password-strength bar #162

Author: AnthonyNahas

demo/src/app/home/home.component.html

@@ -157,6 +157,7 @@ <h1>@angular-material-extensions/password-strength</h1>
 
           <!--@angular-material-extensions/password-strength's main component-->
           <mat-password-strength #passwordComponentWithValidation
+                                 [greenStrongPassword]="true"
                                  (onStrengthChanged)="onStrengthChanged($event)"
                                  [password]="passwordWithValidation.value">
           </mat-password-strength>

src/module/component/mat-password-strength/mat-password-strength.component.html

@@ -1,4 +1,5 @@
 <mat-progress-bar mode="determinate"
+                  class="green"
                   [color]="color"
                   [value]="strength">
 </mat-progress-bar>

src/module/component/mat-password-strength/mat-password-strength.component.scss

@@ -0,0 +1,3 @@
+::ng-deep .mat-progress-bar.mat-primary .mat-progress-bar-fill::after {
+  background-color: blue;
+}

src/module/component/mat-password-strength/mat-password-strength.component.ts

@@ -19,6 +19,7 @@ export class MatPasswordStrengthComponent implements OnInit, OnChanges {
   @Input() password: string;
   @Input() customValidator: RegExp;
   @Input() externalError: boolean;
+  @Input() greenStrongPassword: boolean;
 
   @Input() enableLengthRule = true;
   @Input() enableLowerCaseLetterRule = true;