github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 17:59:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source 
## 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
Download patch file Download diff file Expand all files Collapse all files

2
x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_stats/monitor_test_runs.tsx
View file

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

4
x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_stats/monitor_test_runs_sparkline.tsx
View file

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

3
x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/overview_status.tsx
View file

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