Whenever I click on the element, a shadow appears in the color that corresponds to the element, which is currently yellow
https://i.sstatic.net/21BR4.png
I would like to change that shadow to be green instead, but I am unsure of how to do so. Here is my code:
HTML
<mat-checkbox id="tractor{{element.id}}" checked="{{element.tractor}}"></mat-checkbox>
CSS
::ng-deep .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: rgb(50, 170, 118); /*replace with your color*/
}
::ng-deep .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgb(113, 226, 147); /*replace with your color*/
}