maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

[Fleet] fix for inactive color (#113736) (#114057)

Browse source 
* fix for inactive color

* fix for inactive color

* using theme colors

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

Co-authored-by: juliaElastic <90178898+juliaElastic@users.noreply.github.com>
This commit is contained in:
Kibana Machine 2021-10-06 05:30:05 -04:00 committed by GitHub
parent 9d924d0823
commit 6003dd76c0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
x-pack/plugins/fleet/public/applications/fleet/sections/agents/components/agent_health.tsx
View file

@ -9,6 +9,8 @@ import React from 'react';
import { FormattedMessage, FormattedRelative } from '@kbn/i18n/react';
import { EuiBadge, EuiToolTip } from '@elastic/eui';
import * as euiVars from '@elastic/eui/dist/eui_theme_light.json';
import type { Agent } from '../../../types';
interface Props {
@ -27,7 +29,7 @@ const Status = {
</EuiBadge>
),
Inactive: (
<EuiBadge color="default">
<EuiBadge color={euiVars.default.euiColorDarkShade}>
<FormattedMessage id="xpack.fleet.agentHealth.inactiveStatusText" defaultMessage="Inactive" />
</EuiBadge>
),

7
x-pack/plugins/fleet/public/applications/fleet/sections/agents/services/agent_status.tsx
View file

@ -7,19 +7,20 @@
import { euiPaletteColorBlindBehindText } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import * as euiVars from '@elastic/eui/dist/eui_theme_light.json';
import type { SimplifiedAgentStatus } from '../../../types';
const visColors = euiPaletteColorBlindBehindText();
const colorToHexMap = {
// TODO - replace with variable once https://github.com/elastic/eui/issues/2731 is closed
default: '#d3dae6',
// using variables as mentioned here https://elastic.github.io/eui/#/guidelines/getting-started
default: euiVars.default.euiColorLightShade,
primary: visColors[1],
secondary: visColors[0],
accent: visColors[2],
warning: visColors[5],
danger: visColors[9],
inactive: '#98A2B3',
inactive: euiVars.default.euiColorDarkShade,
};
export const AGENT_STATUSES: SimplifiedAgentStatus[] = [