Change Mat-pseudo-checkbox color on a button click

I have created a UI with the help of mat-selection list. mat-selection-list having checkboxes.

If we click on the checkbox, it should be on green color.

When i click on the submit button, wanted to change the color into brown

Here is the code i have used

Html code

<mat-selection-list #searchList class="selection-list">
        <mat-list-option checkboxPosition="before" >
        </mat-list-option>     
</mat-selection-list>

.scss

.selection-list.mat-selection-list.mat-pseudo-checkbox-checked,
  .mat-pseudo-checkbox-indeterminate,
  .mat-accent .mat-pseudo-checkbox-checked,
  .mat-accent .mat-pseudo-checkbox-indeterminate {
    background: $green-500;
  }

How to change the checkbox color when we click on the submit button.

Thanks in advance.