Angular p-triStateCheckbox change different colors for each selection

My css class for the component is empty. I have this checkbox with the values: V, X and empty. I’m looking to change the colors as following: V – green, X – red, and empty – default checkbox.

 <div class="col-9">
          <p-triStateCheckbox formControlName="liste20"></p-triStateCheckbox>
        </div>
      </div>