adjust monitor status badge failed color (#87097)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/uptime/public/components/monitor/synthetics/__tests__/status_badge.test.tsx

@@ -22,7 +22,7 @@ describe('StatusBadge', () => {
   it('displays failed message', () => {
     expect(shallowWithIntl(<StatusBadge status="failed" />)).toMatchInlineSnapshot(`
       <EuiBadge
-        color="#bd271e"
+        color="#ff7e62"
       >
         Failed
       </EuiBadge>

x-pack/plugins/uptime/public/components/monitor/synthetics/status_badge.tsx

@@ -19,7 +19,7 @@ export function colorFromStatus(color: UptimeAppColors, status?: string) {
     case 'succeeded':
       return color.success;
     case 'failed':
-      return color.danger;
+      return color.dangerBehindText;
     default:
       return 'default';
   }