Update the material toggle mixin to include a grey color when the toggle is disabled.

Without this, the primary color overrides the original grey color when the toggle is simultaneously checked and disabled.

PiperOrigin-RevId: 219662292

Author: Googler

angular_components/lib/material_toggle/_mixins.scss

@@ -19,11 +19,11 @@
     }
   }
 
-  ::ng-deep #{$selector} material-toggle.themeable .material-toggle.checked .tgl-bar {
+  ::ng-deep #{$selector} material-toggle.themeable .material-toggle.checked:not(.disabled) .tgl-bar {
     background-color: $primary-color;
   }
 
-  ::ng-deep #{$selector} material-toggle.themeable .material-toggle.checked .tgl-btn {
+  ::ng-deep #{$selector} material-toggle.themeable .material-toggle.checked:not(.disabled) .tgl-btn {
     background-color: $primary-color;
   }
 }

angular_components/lib/material_toggle/material_toggle.scss

@@ -57,7 +57,7 @@ $vertical-space: $mat-grid * .25;
   width: 100%;
 }
 
-.material-toggle.checked .tgl-bar {
+.material-toggle.checked:not(.disabled) .tgl-bar {
   background-color: $default-on-color;
   opacity: .5;
 }