Angular MaterialのRadio Button、CheckBox、Sliderの色を個別に変更する

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  opacity: 0 !important;
  background-color: #0caccd !important;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #0caccd !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0caccd !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #0caccd !important;
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #0caccd !important;
}

.mat-accent .mat-slider-thumb {
  background-color: #0caccd !important;
}

.mat-accent .mat-slider-thumb-label {
  background-color: #0caccd !important;
}

.mat-accent .mat-slider-track-fill {
  background-color: #0caccd !important;
}