fix(badge): align colors with UI kits (#1466)

Author: SisIvanova

src/components/badge/themes/badge.base.scss

@@ -34,22 +34,18 @@
 
 :host([variant='info']) [part='base'] {
     background: color(info, 500);
-    color: contrast-color(info, 500);
 }
 
 :host([variant='success']) [part='base'] {
     background: color(success, 500);
-    color: contrast-color(success, 500);
 }
 
 :host([variant='warning']) [part='base'] {
     background: color(warn, 500);
-    color: contrast-color(warn, 500);
 }
 
 :host([variant='danger']) [part='base'] {
     background: color(error, 500);
-    color: contrast-color(error, 500);
 }
 
 :host([shape='rounded']),

src/components/badge/themes/shared/badge.common.scss

@@ -5,6 +5,7 @@ $theme: $material;
 
 [part='base'] {
     box-shadow: var-get($theme, 'elevation');
+    color: var-get($theme, 'text-color');
 }
 
 ::slotted(igc-icon) {
@@ -13,7 +14,6 @@ $theme: $material;
 
 :host([variant='primary']) [part='base'] {
     background: var-get($theme, 'background-color');
-    color: var-get($theme, 'text-color');
 }
 
 :host([shape='square']) [part='base'] {

src/components/badge/themes/shared/badge.indigo.scss

@@ -3,13 +3,6 @@
 
 $theme: $indigo;
 
-:host([variant='info']),
-:host([variant='success']),
-:host([variant='warning']),
-:host([variant='danger']) {
-    color: var-get($theme, 'text-color');
-}
-
 [part='base'] {
     @include type-style('button');