[Security Solution][Explore][EUI visual refresh] remove color functions in favor of color tokens

[angorayc]

Context

Changes are made to EUI that will be visible to end-users in Kibana:

• Updated all colors in EUI
• Reduce the topmost font weights and sizes (think titles and headings)
  These changes are available in a new theme called Borealis.

See parent ticket for how to use the new theme and labels to add to the PR for tracking

Description

All usages of color functions have been removed in favor of color tokens, where possible.

shade()
tint()
shadeOrTint()
tintOrShade()
transparentize()

EUI provides color utility functions. Please discontinue use of these and replace them with an EUI color token. These will be deprecated as they create unpredictable results.

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[elasticmachine]

Pinging @elastic/security-threat-hunting-explore (Team:Threat Hunting:Explore)

[elasticmachine]

Pinging @elastic/security-threat-hunting (Team:Threat Hunting)

[angorayc]

TBD

Assistant

kibana/x-pack/solutions/security/plugins/security_solution/public/assistant/get_comments/stream/message_text.tsx

Line 56 in da25d13

background: ${transparentize(euiThemeVars.euiColorDarkShade, 0.25)};

Rules creation

kibana/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/duration_input/index.tsx

Line 72 in da25d13

background: ${transparentize(

kibana/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/schedule_item_field/schedule_item_field.tsx

Line 65 in 639143a

transparentize(theme.eui.euiColorPrimary, 0.1)} !important; // Override focus states etc.

Entity analytics

kibana/x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/severity/common/index.tsx

Line 28 in da25d13

background-color: ${transparentize(theme.eui.euiColorDanger, 0.2)};

Timeline

kibana/x-pack/solutions/security/plugins/security_solution/public/timelines/components/modal/index.styles.tsx

Line 30 in da25d13

background: ${transparentize(euiTheme.colors.ink, 0.5)};

Console Manager

kibana/x-pack/solutions/security/plugins/security_solution/public/management/components/console/components/side_panel/side_panel_flex_item.tsx

Line 18 in da25d13

${({ theme: { eui } }) => transparentize(eui.euiShadowColor, 0.04)};