update badge color (#2241)

Author: lidord-wix

demo/src/screens/__tests__/__snapshots__/AvatarScreen.spec.js.snap

@@ -675,7 +675,7 @@ exports[`AvatarScreen renders screen 1`] = `
                   Object {
                     "alignItems": "center",
                     "alignSelf": "flex-start",
-                    "backgroundColor": "#5A48F5",
+                    "backgroundColor": "#116DFF",
                     "borderRadius": 999,
                     "justifyContent": "center",
                     "overflow": "hidden",
@@ -900,7 +900,7 @@ exports[`AvatarScreen renders screen 1`] = `
                   Object {
                     "alignItems": "center",
                     "alignSelf": "flex-start",
-                    "backgroundColor": "#5A48F5",
+                    "backgroundColor": "#116DFF",
                     "borderRadius": 999,
                     "justifyContent": "center",
                     "overflow": "hidden",
@@ -1125,7 +1125,7 @@ exports[`AvatarScreen renders screen 1`] = `
                   Object {
                     "alignItems": "center",
                     "alignSelf": "flex-start",
-                    "backgroundColor": "#5A48F5",
+                    "backgroundColor": "#116DFF",
                     "borderRadius": 999,
                     "justifyContent": "center",
                     "overflow": "hidden",
@@ -1531,7 +1531,7 @@ exports[`AvatarScreen renders screen 1`] = `
                   Object {
                     "alignItems": "center",
                     "alignSelf": "flex-start",
-                    "backgroundColor": "#5A48F5",
+                    "backgroundColor": "#116DFF",
                     "borderRadius": 999,
                     "justifyContent": "center",
                     "overflow": "hidden",
@@ -2734,7 +2734,7 @@ exports[`AvatarScreen renders screen 1`] = `
                   Object {
                     "alignItems": "center",
                     "alignSelf": "flex-start",
-                    "backgroundColor": "#5A48F5",
+                    "backgroundColor": "#116DFF",
                     "borderRadius": 999,
                     "justifyContent": "center",
                     "overflow": "hidden",

src/components/badge/index.tsx

@@ -282,7 +282,7 @@ function createStyles(props: BadgeProps) {
     badge: {
       alignSelf: 'flex-start',
       borderRadius: BorderRadiuses.br100,
-      backgroundColor: (!props.icon || props.customElement) ? Colors.$backgroundPrimaryHeavy : undefined,
+      backgroundColor: (!props.icon || props.customElement) ? Colors.$backgroundGeneralHeavy : undefined,
       alignItems: 'center',
       justifyContent: 'center',
       overflow: 'hidden'