[Synthetics] More color updates !! (#208175)

## Summary

### Stats

Before
<img width="1728" alt="image"
src="https://github.com/user-attachments/assets/5a03e260-a1dc-44e9-be8a-9083d322d984"
/>

### After
<img width="1726" alt="image"
src="https://github.com/user-attachments/assets/53b7941a-7456-4da4-8b55-d1bdc6c1ca57"
/>


### Dark mode
After
<img width="1726" alt="image"
src="https://github.com/user-attachments/assets/221e6b31-0eab-41fd-b5cd-8442c3dd6ce5"
/>
This commit is contained in:
Shahzad 2025-01-27 23:33:08 +01:00 committed by GitHub
parent 20d1a0c1e6
commit b4234795eb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 5 additions and 4 deletions

View file

@ -40,7 +40,7 @@ export const MonitorTestRunsCount = () => {
dataType: 'synthetics',
selectedMetricField: 'monitor_total_runs',
name: labels.TEST_RUNS_LABEL,
color: euiTheme.colors.vis.euiColorVis1,
color: euiTheme.colors.vis.euiColorVis0,
},
]}
/>

View file

@ -36,12 +36,12 @@ export const MonitorTestRunsSparkline = () => {
selectedMetricField: 'total_test_runs',
filters,
name: labels.TEST_RUNS_LABEL,
color: euiTheme.colors.vis.euiColorVis1,
color: euiTheme.colors.vis.euiColorVis0,
operationType: 'count',
},
];
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [from, euiTheme.colors.vis.euiColorVis1, to]);
}, [from, euiTheme.colors.vis.euiColorVis0, to]);
return (
<ExploratoryViewEmbeddable

View file

@ -5,7 +5,7 @@
* 2.0.
*/
import { EuiFlexGroup, EuiFlexItem, EuiStat } from '@elastic/eui';
import { EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiStat } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import React, { useEffect, useState } from 'react';
import { useDispatch } from 'react-redux';
@ -104,6 +104,7 @@ export function OverviewStatus({
titleAppend={titleAppend}
hideTitle={hideTitle}
>
<EuiSpacer size="m" />
<EuiFlexGroup gutterSize="xl" justifyContent="spaceAround">
<EuiFlexItem grow={false}>
<EuiStat