diff --git a/src/demo-app/radio/radio-demo.scss b/src/demo-app/radio/radio-demo.scss index 9a37d4da430a..ee738628af6a 100644 --- a/src/demo-app/radio/radio-demo.scss +++ b/src/demo-app/radio/radio-demo.scss @@ -4,7 +4,6 @@ } .demo-section { - background-color: #f7f7f7; margin: 8px; padding: 16px; diff --git a/src/lib/checkbox/_checkbox-theme.scss b/src/lib/checkbox/_checkbox-theme.scss index e4d6689d1423..1df0b0442ace 100644 --- a/src/lib/checkbox/_checkbox-theme.scss +++ b/src/lib/checkbox/_checkbox-theme.scss @@ -63,6 +63,10 @@ border-color: $disabled-color; } } + + .mat-checkbox-label { + color: $disabled-color; + } } .mat-checkbox:not(.mat-checkbox-disabled) { diff --git a/src/lib/radio/_radio-theme.scss b/src/lib/radio/_radio-theme.scss index 32154e124558..722e3d64474d 100644 --- a/src/lib/radio/_radio-theme.scss +++ b/src/lib/radio/_radio-theme.scss @@ -33,5 +33,9 @@ .mat-radio-ripple .mat-ripple-element, .mat-radio-inner-circle { background-color: mat-color($foreground, disabled); } + + .mat-radio-label-content { + color: mat-color($foreground, disabled); + } } }