fix(badge): make colors red

Author: brandyscarney

core/src/components/badge/badge.md.scss

@@ -11,4 +11,6 @@
   --padding-start: 4px;
 
   @include border-radius($badge-md-border-radius);
+
+  --color: purple;
 }

core/src/components/badge/badge.scss

@@ -5,16 +5,16 @@
 
 :host {
   /**
-   * @prop --background: Background of the badge
+   * @prop --background: Background of the badges
    * @prop --color: Text color of the badge
    *
    * @prop --padding-top: Top padding of the badge
    * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge
    * @prop --padding-bottom: Bottom padding of the badge
    * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge
    */
-  --background: #{ion-color(primary, base)};
-  --color: #{ion-color(primary, contrast)};
+  --background: white;
+  --color: red;
   --padding-top: #{$badge-padding-top};
   --padding-end: #{$badge-padding-end};
   --padding-bottom: #{$badge-padding-bottom};