refactor(item): add the color to the parent item of a radio to style …

…the label

src/components/item/item.ts

@@ -421,18 +421,20 @@ export class Item {
   /**
    * @internal
    */
-  _updateColor(newColor: string) {
-    this._setElementColor(this._color, false);
-    this._setElementColor(newColor, true);
+  _updateColor(newColor: string, colorClass?: string) {
+    this._setElementColor(this._color, false, colorClass);
+    this._setElementColor(newColor, true, colorClass);
     this._color = newColor;
   }
 
   /**
    * @internal
    */
-  _setElementColor(color: string, isAdd: boolean) {
+  _setElementColor(color: string, isAdd: boolean, colorClass?: string) {
+    colorClass = colorClass || 'item'; // item-radio
+
     if (color !== null && color !== '') {
-      this._renderer.setElementClass(this._elementRef.nativeElement, `item-${color}`, isAdd);
+      this._renderer.setElementClass(this._elementRef.nativeElement, `${colorClass}-${color}`, isAdd);
     }
   }
 

src/components/radio/radio-button.ts

@@ -202,6 +202,10 @@ export class RadioButton implements OnDestroy, OnInit {
   _setElementColor(color: string, isAdd: boolean) {
     if (color !== null && color !== '') {
       this._renderer.setElementClass(this._elementRef.nativeElement, `radio-${color}`, isAdd);
+
+      if (this._item) {
+        this._item._updateColor(color, 'item-radio');
+      }
     }
   }  
 }

src/components/radio/radio.ios.scss

@@ -97,6 +97,12 @@ ion-radio {
 
 @mixin radio-theme-ios($color-name, $color-base) {
 
+  .item-radio-#{$color-name}.item-radio-checked {
+    ion-label {
+      color: $color-base;
+    }
+  }
+
   .radio-#{$color-name} .radio-checked {
     color: $color-base;
 

src/components/radio/radio.md.scss

@@ -124,6 +124,12 @@ ion-radio {
 
 @mixin radio-theme-md($color-name, $color-base, $color-contrast) {
 
+  .item-radio-#{$color-name}.item-radio-checked {
+    ion-label {
+      color: $color-base;
+    }
+  }
+
   .radio-#{$color-name} {
 
     .radio-checked {