Skip to content

Eui Refresh #204007

Merged
CAWilson94 merged 47 commits intoelastic:mainfrom
CAWilson94:eui
Jan 27, 2025
Merged

Eui Refresh #204007
CAWilson94 merged 47 commits intoelastic:mainfrom
CAWilson94:eui

Conversation

@CAWilson94
Copy link
Contributor

@CAWilson94 CAWilson94 commented Dec 12, 2024

Summary

This PR covers required updates for EUI refresh: #11228
The updates should only cover Entity Owned components.

Severity Colors Blocked

Severity colors are on hold until the security severity color palette is finalised. Once agreed, a shared hook will be updated across all of security, replacing the current RISK_SEVERITY_COLOUR mapping. The previous severity colors hook was reverted in preparation for this change. Updates for EA will be tracked accordingly.

See https://elastic.slack.com/archives/C0851RDCWPP/p1736954935896329 for more details

https://github.com/elastic/security-team/issues/11516
#206276


Testing

Running Kibana with the Borealis theme
In order to run Kibana with Borealis, you'll need to do the following:

  1. Set the following in kibana.dev.yml: uiSettings.experimental.themeSwitcherEnabled: true

  2. Run Kibana with the following environment variable set:
    KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn start

  3. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle
    between Amsterdam and Borealis.


More details about each section #199715

Borealis Updates Light & Dark Theme

Screenshots

Google Docs for easy read - same screenshots below
https://docs.google.com/document/d/1tKPoqCPbccX94cqgPyHKBdr9_K3kmqveQGkcGo_Q8k4/edit?usp=sharing


Light Theme

Entity Store

entityStore

EntityStoreStatus

Risk Score

RiskScore

Dashboard and Flyout

Dashboard2

RiskLevels

FlyoutRiskScore

FlyoutAssetCriticalityColors

Dark Theme

Entity Store

DarkEntityStore

DarkEntityStoreStatus

Risk Score

DarkRiskScore

Dashboard and Flyout

DarkDashboard

DarkRiskScore

DarkFlyoutRiskScore

DarkFlyoutAssetCriticalityColors

@CAWilson94 CAWilson94 self-assigned this Dec 12, 2024
low_impact: '#54B399',
unassigned: euiLightVars.euiColorMediumShade,
};
import { useCriticalityLevelColors } from '../../hooks/use_criticality_level_colors';
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Moved this to a hook in the hooks folder. Noticed some hooks in asset_criticality aren’t in hooks; both locations make sense, but this follows a better convention.

import { RiskSeverity } from '../../../../../common/search_strategy';
import { RiskScoreLevel } from '.';
import { SEVERITY_COLOR } from '../../../../overview/components/detection_response/utils';
import { RISK_SEVERITY_COLOUR } from '../../../common/utils';
Copy link
Contributor Author

@CAWilson94 CAWilson94 Dec 12, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated RISK_SEVERITY_COLOUR to match updates previously made to index from SEVERITY --> RISK_SEVERITY

</RiskBadge>
));
}> = React.memo(({ severity, hideBackgroundColor = false, 'data-test-subj': dataTestSubj }) => {
const { euiTheme } = useEuiTheme();
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is the change

const { euiTheme } = useEuiTheme();
return (
<RiskBadge
color={euiTheme.colors.danger}
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

along with this change, the others I think just formatter

@CAWilson94 CAWilson94 added ci:project-deploy-security Create a Security Serverless Project Team:Cloud Security Cloud Security team related Team:Entity Analytics Security Entity Analytics Team EUI Visual Refresh v9.0.0 backport:skip This PR does not require backporting labels Dec 16, 2024
@CAWilson94 CAWilson94 marked this pull request as ready for review December 16, 2024 09:59
@CAWilson94 CAWilson94 requested a review from a team as a code owner December 16, 2024 09:59
@CAWilson94 CAWilson94 requested a review from machadoum December 16, 2024 09:59
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-cloud-security-posture (Team:Cloud Security)

@elasticmachine
Copy link
Contributor

Pinging @elastic/security-entity-analytics (Team:Entity Analytics)

@CAWilson94 CAWilson94 added the release_note:feature Makes this part of the condensed release notes label Dec 16, 2024
@CAWilson94 CAWilson94 requested a review from mgadewoll January 24, 2025 17:14
angorayc added a commit that referenced this pull request Jan 25, 2025
## Summary

Apply severity colors for Borealis theme.
#204007 (comment)

Update: ⚠️ As the final decision for severity color is still pending,
the temporary colors are the hard coded color hex:
#203387
`TODO` Borealis migration - move from hardcoded values to severity
palette elastic/security-team#11606

| Color token | Amsterdam|Borealis|
|-------------|------------|------------|
| Critical | euiThemeVars.euiColorDanger |```#E7664C```|
| High | euiThemeVars.euiColorVis9_behindText |```#DA8B45``` |
| Meduiml |euiThemeVars.euiColorVis5_behindText|```#D6BF57``` |
| Low | euiThemeVars.euiColorVis0| ```#54B399``` |

### Running Kibana with the Borealis theme
In order to run Kibana with Borealis, you'll need to do the following:

Set the following in kibana.dev.yml:
uiSettings.experimental.themeSwitcherEnabled: true

Run Kibana with the following environment variable set:
KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn
start

This will expose a toggle under Stack Management > Advanced Settings >
Theme version, which you can use to toggle between Amsterdam and
Borealis.



![Image](https://github.com/user-attachments/assets/78d64946-43fc-4400-bbb1-229d900b7f05)


### Checklist


- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Copy link
Member

@machadoum machadoum left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The code looks good to me.

I agree with what you said in the video about the severity filter. It is hard to read.
Do you have any update from the design team on that?

@CAWilson94 CAWilson94 dismissed mgadewoll’s stale review January 27, 2025 10:13

Agreed to iterate severity colors for security with designers and eui, so reverted these changes. Reviewer also on PTO so cannot change status.

@CAWilson94
Copy link
Contributor Author

The code looks good to me.

I agree with what you said in the video about the severity filter. It is hard to read. Do you have any update from the design team on that?

Hello! Yes! Thanks for asking, @codearos gave me a better background color to use, which is updated in the google doc now :)

@elasticmachine
Copy link
Contributor

elasticmachine commented Jan 27, 2025

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
securitySolution 21.3MB 21.3MB +172.0B

History

cc @CAWilson94

Copy link

@codearos codearos left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you Charlotte! LGTM👍

@CAWilson94 CAWilson94 merged commit 4ecf32b into elastic:main Jan 27, 2025
JoseLuisGJ pushed a commit to JoseLuisGJ/kibana that referenced this pull request Jan 27, 2025
…#206276)

## Summary

Apply severity colors for Borealis theme.
elastic#204007 (comment)

Update: ⚠️ As the final decision for severity color is still pending,
the temporary colors are the hard coded color hex:
elastic#203387
`TODO` Borealis migration - move from hardcoded values to severity
palette elastic/security-team#11606

| Color token | Amsterdam|Borealis|
|-------------|------------|------------|
| Critical | euiThemeVars.euiColorDanger |```#E7664C```|
| High | euiThemeVars.euiColorVis9_behindText |```#DA8B45``` |
| Meduiml |euiThemeVars.euiColorVis5_behindText|```#D6BF57``` |
| Low | euiThemeVars.euiColorVis0| ```#54B399``` |

### Running Kibana with the Borealis theme
In order to run Kibana with Borealis, you'll need to do the following:

Set the following in kibana.dev.yml:
uiSettings.experimental.themeSwitcherEnabled: true

Run Kibana with the following environment variable set:
KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn
start

This will expose a toggle under Stack Management > Advanced Settings >
Theme version, which you can use to toggle between Amsterdam and
Borealis.



![Image](https://github.com/user-attachments/assets/78d64946-43fc-4400-bbb1-229d900b7f05)


### Checklist


- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
JoseLuisGJ pushed a commit to JoseLuisGJ/kibana that referenced this pull request Jan 27, 2025
## Summary

This PR covers required updates for EUI refresh:
[elastic#11228](elastic/security-team#11228)
The updates should only cover Entity Owned components. 

### Severity Colors Blocked
Severity colors are on hold until the security severity color palette is
finalised. Once agreed, a shared hook will be updated across all of
security, replacing the current RISK_SEVERITY_COLOUR mapping. The
previous severity colors hook was reverted in preparation for this
change. Updates for EA will be tracked accordingly.

See https://elastic.slack.com/archives/C0851RDCWPP/p1736954935896329 for
more details

elastic/security-team#11516 
elastic#206276

---

### Testing 

Running Kibana with the Borealis theme
In order to run Kibana with Borealis, you'll need to do the following:

1. Set the following in kibana.dev.yml:
u`iSettings.experimental.themeSwitcherEnabled: true`

2. Run Kibana with the following environment variable set:
`KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn
start`

3. This will expose a toggle under **Stack Management > Advanced
Settings > Theme version**, which you can use to toggle
between Amsterdam and Borealis.

---

More details about each section
elastic#199715

#### Borealis Updates Light & Dark Theme 

### Screenshots 
Google Docs for easy read - same screenshots below

https://docs.google.com/document/d/1tKPoqCPbccX94cqgPyHKBdr9_K3kmqveQGkcGo_Q8k4/edit?usp=sharing

---
## Light Theme

### Entity Store 


![entityStore](https://github.com/user-attachments/assets/94c03a9a-f6d2-4cf7-836b-ae3b3c310cdb)


![EntityStoreStatus](https://github.com/user-attachments/assets/46d45ad4-73aa-4fb7-b2ab-0b6525016ef5)

### Risk Score


![RiskScore](https://github.com/user-attachments/assets/63f1eca3-46f5-4f21-9cef-7b3b6c0724fd)

### Dashboard and Flyout


![Dashboard2](https://github.com/user-attachments/assets/5901db26-81b9-46bc-a3f4-4de7770babbc)


![RiskLevels](https://github.com/user-attachments/assets/5273c891-232f-4c6f-892f-c1979c2f8c23)


![FlyoutRiskScore](https://github.com/user-attachments/assets/1f0ebd6d-82d5-4356-907a-89bc1a04f483)


![FlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/cca34be8-f3f8-4a5b-8698-1227d80edcc0)

## Dark Theme

### Entity Store


![DarkEntityStore](https://github.com/user-attachments/assets/48a12285-e57c-4da1-9376-489b4d9d2853)


![DarkEntityStoreStatus](https://github.com/user-attachments/assets/9a48e492-c28a-4dd0-876d-e34dcfefe49d)

### Risk Score


![DarkRiskScore](https://github.com/user-attachments/assets/becab00e-996d-4485-94fa-bf9bee337aaa)

### Dashboard and Flyout


![DarkDashboard](https://github.com/user-attachments/assets/72522716-0c29-4935-ba0c-f9fcea8ff94a)


![DarkRiskScore](https://github.com/user-attachments/assets/83ae74c8-3e16-49c5-9c05-9b666e146b1b)


![DarkFlyoutRiskScore](https://github.com/user-attachments/assets/2d97c992-ca08-4f97-9338-e59805084a36)


![DarkFlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/197a8990-282f-4b01-bab5-e0b2b1518217)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Mark Hopkin <mark.hopkin@elastic.co>
@kapral18
Copy link
Contributor

💔 Some backports could not be created

Status Branch Result
8.x
8.18 An unhandled error occurred. Please see the logs for details

Note: Successful backport PRs will be merged automatically after passing CI.

Manual backport

To create the backport manually run:

node scripts/backport --pr 204007

Questions ?

Please refer to the Backport tool documentation

@kapral18
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.18

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kapral18 pushed a commit to kapral18/kibana that referenced this pull request Feb 12, 2025
## Summary

This PR covers required updates for EUI refresh:
[elastic#11228](elastic/security-team#11228)
The updates should only cover Entity Owned components.

### Severity Colors Blocked
Severity colors are on hold until the security severity color palette is
finalised. Once agreed, a shared hook will be updated across all of
security, replacing the current RISK_SEVERITY_COLOUR mapping. The
previous severity colors hook was reverted in preparation for this
change. Updates for EA will be tracked accordingly.

See https://elastic.slack.com/archives/C0851RDCWPP/p1736954935896329 for
more details

elastic/security-team#11516
elastic#206276

---

### Testing

Running Kibana with the Borealis theme
In order to run Kibana with Borealis, you'll need to do the following:

1. Set the following in kibana.dev.yml:
u`iSettings.experimental.themeSwitcherEnabled: true`

2. Run Kibana with the following environment variable set:
`KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn
start`

3. This will expose a toggle under **Stack Management > Advanced
Settings > Theme version**, which you can use to toggle
between Amsterdam and Borealis.

---

More details about each section
elastic#199715

#### Borealis Updates Light & Dark Theme

### Screenshots
Google Docs for easy read - same screenshots below

https://docs.google.com/document/d/1tKPoqCPbccX94cqgPyHKBdr9_K3kmqveQGkcGo_Q8k4/edit?usp=sharing

---
## Light Theme

### Entity Store

![entityStore](https://github.com/user-attachments/assets/94c03a9a-f6d2-4cf7-836b-ae3b3c310cdb)

![EntityStoreStatus](https://github.com/user-attachments/assets/46d45ad4-73aa-4fb7-b2ab-0b6525016ef5)

### Risk Score

![RiskScore](https://github.com/user-attachments/assets/63f1eca3-46f5-4f21-9cef-7b3b6c0724fd)

### Dashboard and Flyout

![Dashboard2](https://github.com/user-attachments/assets/5901db26-81b9-46bc-a3f4-4de7770babbc)

![RiskLevels](https://github.com/user-attachments/assets/5273c891-232f-4c6f-892f-c1979c2f8c23)

![FlyoutRiskScore](https://github.com/user-attachments/assets/1f0ebd6d-82d5-4356-907a-89bc1a04f483)

![FlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/cca34be8-f3f8-4a5b-8698-1227d80edcc0)

## Dark Theme

### Entity Store

![DarkEntityStore](https://github.com/user-attachments/assets/48a12285-e57c-4da1-9376-489b4d9d2853)

![DarkEntityStoreStatus](https://github.com/user-attachments/assets/9a48e492-c28a-4dd0-876d-e34dcfefe49d)

### Risk Score

![DarkRiskScore](https://github.com/user-attachments/assets/becab00e-996d-4485-94fa-bf9bee337aaa)

### Dashboard and Flyout

![DarkDashboard](https://github.com/user-attachments/assets/72522716-0c29-4935-ba0c-f9fcea8ff94a)

![DarkRiskScore](https://github.com/user-attachments/assets/83ae74c8-3e16-49c5-9c05-9b666e146b1b)

![DarkFlyoutRiskScore](https://github.com/user-attachments/assets/2d97c992-ca08-4f97-9338-e59805084a36)

![DarkFlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/197a8990-282f-4b01-bab5-e0b2b1518217)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Mark Hopkin <mark.hopkin@elastic.co>
(cherry picked from commit 4ecf32b)

# Conflicts:
#	x-pack/solutions/security/plugins/security_solution/public/entity_analytics/components/risk_information/index.tsx
kapral18 added a commit that referenced this pull request Feb 12, 2025
# Backport

This will backport the following commits from `main` to `8.x`:
- [Eui Refresh (#204007)](#204007)

<!--- Backport version: 9.6.4 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Charlotte Alexandra
Wilson","email":"CAWilson94@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-01-27T11:43:30Z","message":"Eui
Refresh (#204007)\n\n## Summary\r\n\r\nThis PR covers required updates
for EUI
refresh:\r\n[#11228](https://github.com/elastic/security-team/issues/11228)\r\nThe
updates should only cover Entity Owned components. \r\n\r\n### Severity
Colors Blocked\r\nSeverity colors are on hold until the security
severity color palette is\r\nfinalised. Once agreed, a shared hook will
be updated across all of\r\nsecurity, replacing the current
RISK_SEVERITY_COLOUR mapping. The\r\nprevious severity colors hook was
reverted in preparation for this\r\nchange. Updates for EA will be
tracked accordingly.\r\n\r\nSee
https://elastic.slack.com/archives/C0851RDCWPP/p1736954935896329
for\r\nmore
details\r\n\r\nhttps://github.com/elastic/security-team/issues/11516
\r\nhttps://github.com//pull/206276\r\n\r\n---\r\n\r\n###
Testing \r\n\r\nRunning Kibana with the Borealis theme\r\nIn order to
run Kibana with Borealis, you'll need to do the following:\r\n\r\n1. Set
the following in
kibana.dev.yml:\r\nu`iSettings.experimental.themeSwitcherEnabled:
true`\r\n\r\n2. Run Kibana with the following environment variable
set:\r\n`KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\"
yarn\r\nstart`\r\n\r\n3. This will expose a toggle under **Stack
Management > Advanced\r\nSettings > Theme version**, which you can use
to toggle\r\nbetween Amsterdam and Borealis.\r\n\r\n---\r\n\r\nMore
details about each
section\r\nhttps://github.com//issues/199715\r\n\r\n####
Borealis Updates Light & Dark Theme \r\n\r\n### Screenshots \r\nGoogle
Docs for easy read - same screenshots
below\r\n\r\nhttps://docs.google.com/document/d/1tKPoqCPbccX94cqgPyHKBdr9_K3kmqveQGkcGo_Q8k4/edit?usp=sharing\r\n\r\n---\r\n##
Light Theme\r\n\r\n### Entity Store
\r\n\r\n\r\n![entityStore](https://github.com/user-attachments/assets/94c03a9a-f6d2-4cf7-836b-ae3b3c310cdb)\r\n\r\n\r\n![EntityStoreStatus](https://github.com/user-attachments/assets/46d45ad4-73aa-4fb7-b2ab-0b6525016ef5)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![RiskScore](https://github.com/user-attachments/assets/63f1eca3-46f5-4f21-9cef-7b3b6c0724fd)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![Dashboard2](https://github.com/user-attachments/assets/5901db26-81b9-46bc-a3f4-4de7770babbc)\r\n\r\n\r\n![RiskLevels](https://github.com/user-attachments/assets/5273c891-232f-4c6f-892f-c1979c2f8c23)\r\n\r\n\r\n![FlyoutRiskScore](https://github.com/user-attachments/assets/1f0ebd6d-82d5-4356-907a-89bc1a04f483)\r\n\r\n\r\n![FlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/cca34be8-f3f8-4a5b-8698-1227d80edcc0)\r\n\r\n##
Dark Theme\r\n\r\n### Entity
Store\r\n\r\n\r\n![DarkEntityStore](https://github.com/user-attachments/assets/48a12285-e57c-4da1-9376-489b4d9d2853)\r\n\r\n\r\n![DarkEntityStoreStatus](https://github.com/user-attachments/assets/9a48e492-c28a-4dd0-876d-e34dcfefe49d)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/becab00e-996d-4485-94fa-bf9bee337aaa)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![DarkDashboard](https://github.com/user-attachments/assets/72522716-0c29-4935-ba0c-f9fcea8ff94a)\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/83ae74c8-3e16-49c5-9c05-9b666e146b1b)\r\n\r\n\r\n![DarkFlyoutRiskScore](https://github.com/user-attachments/assets/2d97c992-ca08-4f97-9338-e59805084a36)\r\n\r\n\r\n![DarkFlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/197a8990-282f-4b01-bab5-e0b2b1518217)\r\n\r\n---------\r\n\r\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\r\nCo-authored-by:
Mark Hopkin
<mark.hopkin@elastic.co>","sha":"4ecf32b83df2b03f0ad1eae90afede21fc21c9d4","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["backport:skip","v9.0.0","release_note:feature","Team:Cloud
Security","ci:project-deploy-security","Team:Entity Analytics","EUI
Visual Refresh"],"title":"Eui Refresh
","number":204007,"url":"https://github.com/elastic/kibana/pull/204007","mergeCommit":{"message":"Eui
Refresh (#204007)\n\n## Summary\r\n\r\nThis PR covers required updates
for EUI
refresh:\r\n[#11228](https://github.com/elastic/security-team/issues/11228)\r\nThe
updates should only cover Entity Owned components. \r\n\r\n### Severity
Colors Blocked\r\nSeverity colors are on hold until the security
severity color palette is\r\nfinalised. Once agreed, a shared hook will
be updated across all of\r\nsecurity, replacing the current
RISK_SEVERITY_COLOUR mapping. The\r\nprevious severity colors hook was
reverted in preparation for this\r\nchange. Updates for EA will be
tracked accordingly.\r\n\r\nSee
https://elastic.slack.com/archives/C0851RDCWPP/p1736954935896329
for\r\nmore
details\r\n\r\nhttps://github.com/elastic/security-team/issues/11516
\r\nhttps://github.com//pull/206276\r\n\r\n---\r\n\r\n###
Testing \r\n\r\nRunning Kibana with the Borealis theme\r\nIn order to
run Kibana with Borealis, you'll need to do the following:\r\n\r\n1. Set
the following in
kibana.dev.yml:\r\nu`iSettings.experimental.themeSwitcherEnabled:
true`\r\n\r\n2. Run Kibana with the following environment variable
set:\r\n`KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\"
yarn\r\nstart`\r\n\r\n3. This will expose a toggle under **Stack
Management > Advanced\r\nSettings > Theme version**, which you can use
to toggle\r\nbetween Amsterdam and Borealis.\r\n\r\n---\r\n\r\nMore
details about each
section\r\nhttps://github.com//issues/199715\r\n\r\n####
Borealis Updates Light & Dark Theme \r\n\r\n### Screenshots \r\nGoogle
Docs for easy read - same screenshots
below\r\n\r\nhttps://docs.google.com/document/d/1tKPoqCPbccX94cqgPyHKBdr9_K3kmqveQGkcGo_Q8k4/edit?usp=sharing\r\n\r\n---\r\n##
Light Theme\r\n\r\n### Entity Store
\r\n\r\n\r\n![entityStore](https://github.com/user-attachments/assets/94c03a9a-f6d2-4cf7-836b-ae3b3c310cdb)\r\n\r\n\r\n![EntityStoreStatus](https://github.com/user-attachments/assets/46d45ad4-73aa-4fb7-b2ab-0b6525016ef5)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![RiskScore](https://github.com/user-attachments/assets/63f1eca3-46f5-4f21-9cef-7b3b6c0724fd)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![Dashboard2](https://github.com/user-attachments/assets/5901db26-81b9-46bc-a3f4-4de7770babbc)\r\n\r\n\r\n![RiskLevels](https://github.com/user-attachments/assets/5273c891-232f-4c6f-892f-c1979c2f8c23)\r\n\r\n\r\n![FlyoutRiskScore](https://github.com/user-attachments/assets/1f0ebd6d-82d5-4356-907a-89bc1a04f483)\r\n\r\n\r\n![FlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/cca34be8-f3f8-4a5b-8698-1227d80edcc0)\r\n\r\n##
Dark Theme\r\n\r\n### Entity
Store\r\n\r\n\r\n![DarkEntityStore](https://github.com/user-attachments/assets/48a12285-e57c-4da1-9376-489b4d9d2853)\r\n\r\n\r\n![DarkEntityStoreStatus](https://github.com/user-attachments/assets/9a48e492-c28a-4dd0-876d-e34dcfefe49d)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/becab00e-996d-4485-94fa-bf9bee337aaa)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![DarkDashboard](https://github.com/user-attachments/assets/72522716-0c29-4935-ba0c-f9fcea8ff94a)\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/83ae74c8-3e16-49c5-9c05-9b666e146b1b)\r\n\r\n\r\n![DarkFlyoutRiskScore](https://github.com/user-attachments/assets/2d97c992-ca08-4f97-9338-e59805084a36)\r\n\r\n\r\n![DarkFlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/197a8990-282f-4b01-bab5-e0b2b1518217)\r\n\r\n---------\r\n\r\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\r\nCo-authored-by:
Mark Hopkin
<mark.hopkin@elastic.co>","sha":"4ecf32b83df2b03f0ad1eae90afede21fc21c9d4"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/204007","number":204007,"mergeCommit":{"message":"Eui
Refresh (#204007)\n\n## Summary\r\n\r\nThis PR covers required updates
for EUI
refresh:\r\n[#11228](https://github.com/elastic/security-team/issues/11228)\r\nThe
updates should only cover Entity Owned components. \r\n\r\n### Severity
Colors Blocked\r\nSeverity colors are on hold until the security
severity color palette is\r\nfinalised. Once agreed, a shared hook will
be updated across all of\r\nsecurity, replacing the current
RISK_SEVERITY_COLOUR mapping. The\r\nprevious severity colors hook was
reverted in preparation for this\r\nchange. Updates for EA will be
tracked accordingly.\r\n\r\nSee
https://elastic.slack.com/archives/C0851RDCWPP/p1736954935896329
for\r\nmore
details\r\n\r\nhttps://github.com/elastic/security-team/issues/11516
\r\nhttps://github.com//pull/206276\r\n\r\n---\r\n\r\n###
Testing \r\n\r\nRunning Kibana with the Borealis theme\r\nIn order to
run Kibana with Borealis, you'll need to do the following:\r\n\r\n1. Set
the following in
kibana.dev.yml:\r\nu`iSettings.experimental.themeSwitcherEnabled:
true`\r\n\r\n2. Run Kibana with the following environment variable
set:\r\n`KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\"
yarn\r\nstart`\r\n\r\n3. This will expose a toggle under **Stack
Management > Advanced\r\nSettings > Theme version**, which you can use
to toggle\r\nbetween Amsterdam and Borealis.\r\n\r\n---\r\n\r\nMore
details about each
section\r\nhttps://github.com//issues/199715\r\n\r\n####
Borealis Updates Light & Dark Theme \r\n\r\n### Screenshots \r\nGoogle
Docs for easy read - same screenshots
below\r\n\r\nhttps://docs.google.com/document/d/1tKPoqCPbccX94cqgPyHKBdr9_K3kmqveQGkcGo_Q8k4/edit?usp=sharing\r\n\r\n---\r\n##
Light Theme\r\n\r\n### Entity Store
\r\n\r\n\r\n![entityStore](https://github.com/user-attachments/assets/94c03a9a-f6d2-4cf7-836b-ae3b3c310cdb)\r\n\r\n\r\n![EntityStoreStatus](https://github.com/user-attachments/assets/46d45ad4-73aa-4fb7-b2ab-0b6525016ef5)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![RiskScore](https://github.com/user-attachments/assets/63f1eca3-46f5-4f21-9cef-7b3b6c0724fd)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![Dashboard2](https://github.com/user-attachments/assets/5901db26-81b9-46bc-a3f4-4de7770babbc)\r\n\r\n\r\n![RiskLevels](https://github.com/user-attachments/assets/5273c891-232f-4c6f-892f-c1979c2f8c23)\r\n\r\n\r\n![FlyoutRiskScore](https://github.com/user-attachments/assets/1f0ebd6d-82d5-4356-907a-89bc1a04f483)\r\n\r\n\r\n![FlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/cca34be8-f3f8-4a5b-8698-1227d80edcc0)\r\n\r\n##
Dark Theme\r\n\r\n### Entity
Store\r\n\r\n\r\n![DarkEntityStore](https://github.com/user-attachments/assets/48a12285-e57c-4da1-9376-489b4d9d2853)\r\n\r\n\r\n![DarkEntityStoreStatus](https://github.com/user-attachments/assets/9a48e492-c28a-4dd0-876d-e34dcfefe49d)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/becab00e-996d-4485-94fa-bf9bee337aaa)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![DarkDashboard](https://github.com/user-attachments/assets/72522716-0c29-4935-ba0c-f9fcea8ff94a)\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/83ae74c8-3e16-49c5-9c05-9b666e146b1b)\r\n\r\n\r\n![DarkFlyoutRiskScore](https://github.com/user-attachments/assets/2d97c992-ca08-4f97-9338-e59805084a36)\r\n\r\n\r\n![DarkFlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/197a8990-282f-4b01-bab5-e0b2b1518217)\r\n\r\n---------\r\n\r\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\r\nCo-authored-by:
Mark Hopkin
<mark.hopkin@elastic.co>","sha":"4ecf32b83df2b03f0ad1eae90afede21fc21c9d4"}}]}]
BACKPORT-->

Co-authored-by: Charlotte Alexandra Wilson <CAWilson94@users.noreply.github.com>
kapral18 added a commit that referenced this pull request Feb 12, 2025
# Backport

This will backport the following commits from `main` to `8.18`:
- [Eui Refresh (#204007)](#204007)

<!--- Backport version: 9.6.4 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Charlotte Alexandra
Wilson","email":"CAWilson94@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-01-27T11:43:30Z","message":"Eui
Refresh (#204007)\n\n## Summary\r\n\r\nThis PR covers required updates
for EUI
refresh:\r\n[#11228](https://github.com/elastic/security-team/issues/11228)\r\nThe
updates should only cover Entity Owned components. \r\n\r\n### Severity
Colors Blocked\r\nSeverity colors are on hold until the security
severity color palette is\r\nfinalised. Once agreed, a shared hook will
be updated across all of\r\nsecurity, replacing the current
RISK_SEVERITY_COLOUR mapping. The\r\nprevious severity colors hook was
reverted in preparation for this\r\nchange. Updates for EA will be
tracked accordingly.\r\n\r\nSee
https://elastic.slack.com/archives/C0851RDCWPP/p1736954935896329
for\r\nmore
details\r\n\r\nhttps://github.com/elastic/security-team/issues/11516
\r\nhttps://github.com//pull/206276\r\n\r\n---\r\n\r\n###
Testing \r\n\r\nRunning Kibana with the Borealis theme\r\nIn order to
run Kibana with Borealis, you'll need to do the following:\r\n\r\n1. Set
the following in
kibana.dev.yml:\r\nu`iSettings.experimental.themeSwitcherEnabled:
true`\r\n\r\n2. Run Kibana with the following environment variable
set:\r\n`KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\"
yarn\r\nstart`\r\n\r\n3. This will expose a toggle under **Stack
Management > Advanced\r\nSettings > Theme version**, which you can use
to toggle\r\nbetween Amsterdam and Borealis.\r\n\r\n---\r\n\r\nMore
details about each
section\r\nhttps://github.com//issues/199715\r\n\r\n####
Borealis Updates Light & Dark Theme \r\n\r\n### Screenshots \r\nGoogle
Docs for easy read - same screenshots
below\r\n\r\nhttps://docs.google.com/document/d/1tKPoqCPbccX94cqgPyHKBdr9_K3kmqveQGkcGo_Q8k4/edit?usp=sharing\r\n\r\n---\r\n##
Light Theme\r\n\r\n### Entity Store
\r\n\r\n\r\n![entityStore](https://github.com/user-attachments/assets/94c03a9a-f6d2-4cf7-836b-ae3b3c310cdb)\r\n\r\n\r\n![EntityStoreStatus](https://github.com/user-attachments/assets/46d45ad4-73aa-4fb7-b2ab-0b6525016ef5)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![RiskScore](https://github.com/user-attachments/assets/63f1eca3-46f5-4f21-9cef-7b3b6c0724fd)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![Dashboard2](https://github.com/user-attachments/assets/5901db26-81b9-46bc-a3f4-4de7770babbc)\r\n\r\n\r\n![RiskLevels](https://github.com/user-attachments/assets/5273c891-232f-4c6f-892f-c1979c2f8c23)\r\n\r\n\r\n![FlyoutRiskScore](https://github.com/user-attachments/assets/1f0ebd6d-82d5-4356-907a-89bc1a04f483)\r\n\r\n\r\n![FlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/cca34be8-f3f8-4a5b-8698-1227d80edcc0)\r\n\r\n##
Dark Theme\r\n\r\n### Entity
Store\r\n\r\n\r\n![DarkEntityStore](https://github.com/user-attachments/assets/48a12285-e57c-4da1-9376-489b4d9d2853)\r\n\r\n\r\n![DarkEntityStoreStatus](https://github.com/user-attachments/assets/9a48e492-c28a-4dd0-876d-e34dcfefe49d)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/becab00e-996d-4485-94fa-bf9bee337aaa)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![DarkDashboard](https://github.com/user-attachments/assets/72522716-0c29-4935-ba0c-f9fcea8ff94a)\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/83ae74c8-3e16-49c5-9c05-9b666e146b1b)\r\n\r\n\r\n![DarkFlyoutRiskScore](https://github.com/user-attachments/assets/2d97c992-ca08-4f97-9338-e59805084a36)\r\n\r\n\r\n![DarkFlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/197a8990-282f-4b01-bab5-e0b2b1518217)\r\n\r\n---------\r\n\r\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\r\nCo-authored-by:
Mark Hopkin
<mark.hopkin@elastic.co>","sha":"4ecf32b83df2b03f0ad1eae90afede21fc21c9d4","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["backport:skip","v9.0.0","release_note:feature","Team:Cloud
Security","ci:project-deploy-security","Team:Entity Analytics","EUI
Visual Refresh"],"title":"Eui Refresh
","number":204007,"url":"https://github.com/elastic/kibana/pull/204007","mergeCommit":{"message":"Eui
Refresh (#204007)\n\n## Summary\r\n\r\nThis PR covers required updates
for EUI
refresh:\r\n[#11228](https://github.com/elastic/security-team/issues/11228)\r\nThe
updates should only cover Entity Owned components. \r\n\r\n### Severity
Colors Blocked\r\nSeverity colors are on hold until the security
severity color palette is\r\nfinalised. Once agreed, a shared hook will
be updated across all of\r\nsecurity, replacing the current
RISK_SEVERITY_COLOUR mapping. The\r\nprevious severity colors hook was
reverted in preparation for this\r\nchange. Updates for EA will be
tracked accordingly.\r\n\r\nSee
https://elastic.slack.com/archives/C0851RDCWPP/p1736954935896329
for\r\nmore
details\r\n\r\nhttps://github.com/elastic/security-team/issues/11516
\r\nhttps://github.com//pull/206276\r\n\r\n---\r\n\r\n###
Testing \r\n\r\nRunning Kibana with the Borealis theme\r\nIn order to
run Kibana with Borealis, you'll need to do the following:\r\n\r\n1. Set
the following in
kibana.dev.yml:\r\nu`iSettings.experimental.themeSwitcherEnabled:
true`\r\n\r\n2. Run Kibana with the following environment variable
set:\r\n`KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\"
yarn\r\nstart`\r\n\r\n3. This will expose a toggle under **Stack
Management > Advanced\r\nSettings > Theme version**, which you can use
to toggle\r\nbetween Amsterdam and Borealis.\r\n\r\n---\r\n\r\nMore
details about each
section\r\nhttps://github.com//issues/199715\r\n\r\n####
Borealis Updates Light & Dark Theme \r\n\r\n### Screenshots \r\nGoogle
Docs for easy read - same screenshots
below\r\n\r\nhttps://docs.google.com/document/d/1tKPoqCPbccX94cqgPyHKBdr9_K3kmqveQGkcGo_Q8k4/edit?usp=sharing\r\n\r\n---\r\n##
Light Theme\r\n\r\n### Entity Store
\r\n\r\n\r\n![entityStore](https://github.com/user-attachments/assets/94c03a9a-f6d2-4cf7-836b-ae3b3c310cdb)\r\n\r\n\r\n![EntityStoreStatus](https://github.com/user-attachments/assets/46d45ad4-73aa-4fb7-b2ab-0b6525016ef5)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![RiskScore](https://github.com/user-attachments/assets/63f1eca3-46f5-4f21-9cef-7b3b6c0724fd)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![Dashboard2](https://github.com/user-attachments/assets/5901db26-81b9-46bc-a3f4-4de7770babbc)\r\n\r\n\r\n![RiskLevels](https://github.com/user-attachments/assets/5273c891-232f-4c6f-892f-c1979c2f8c23)\r\n\r\n\r\n![FlyoutRiskScore](https://github.com/user-attachments/assets/1f0ebd6d-82d5-4356-907a-89bc1a04f483)\r\n\r\n\r\n![FlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/cca34be8-f3f8-4a5b-8698-1227d80edcc0)\r\n\r\n##
Dark Theme\r\n\r\n### Entity
Store\r\n\r\n\r\n![DarkEntityStore](https://github.com/user-attachments/assets/48a12285-e57c-4da1-9376-489b4d9d2853)\r\n\r\n\r\n![DarkEntityStoreStatus](https://github.com/user-attachments/assets/9a48e492-c28a-4dd0-876d-e34dcfefe49d)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/becab00e-996d-4485-94fa-bf9bee337aaa)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![DarkDashboard](https://github.com/user-attachments/assets/72522716-0c29-4935-ba0c-f9fcea8ff94a)\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/83ae74c8-3e16-49c5-9c05-9b666e146b1b)\r\n\r\n\r\n![DarkFlyoutRiskScore](https://github.com/user-attachments/assets/2d97c992-ca08-4f97-9338-e59805084a36)\r\n\r\n\r\n![DarkFlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/197a8990-282f-4b01-bab5-e0b2b1518217)\r\n\r\n---------\r\n\r\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\r\nCo-authored-by:
Mark Hopkin
<mark.hopkin@elastic.co>","sha":"4ecf32b83df2b03f0ad1eae90afede21fc21c9d4"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/204007","number":204007,"mergeCommit":{"message":"Eui
Refresh (#204007)\n\n## Summary\r\n\r\nThis PR covers required updates
for EUI
refresh:\r\n[#11228](https://github.com/elastic/security-team/issues/11228)\r\nThe
updates should only cover Entity Owned components. \r\n\r\n### Severity
Colors Blocked\r\nSeverity colors are on hold until the security
severity color palette is\r\nfinalised. Once agreed, a shared hook will
be updated across all of\r\nsecurity, replacing the current
RISK_SEVERITY_COLOUR mapping. The\r\nprevious severity colors hook was
reverted in preparation for this\r\nchange. Updates for EA will be
tracked accordingly.\r\n\r\nSee
https://elastic.slack.com/archives/C0851RDCWPP/p1736954935896329
for\r\nmore
details\r\n\r\nhttps://github.com/elastic/security-team/issues/11516
\r\nhttps://github.com//pull/206276\r\n\r\n---\r\n\r\n###
Testing \r\n\r\nRunning Kibana with the Borealis theme\r\nIn order to
run Kibana with Borealis, you'll need to do the following:\r\n\r\n1. Set
the following in
kibana.dev.yml:\r\nu`iSettings.experimental.themeSwitcherEnabled:
true`\r\n\r\n2. Run Kibana with the following environment variable
set:\r\n`KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\"
yarn\r\nstart`\r\n\r\n3. This will expose a toggle under **Stack
Management > Advanced\r\nSettings > Theme version**, which you can use
to toggle\r\nbetween Amsterdam and Borealis.\r\n\r\n---\r\n\r\nMore
details about each
section\r\nhttps://github.com//issues/199715\r\n\r\n####
Borealis Updates Light & Dark Theme \r\n\r\n### Screenshots \r\nGoogle
Docs for easy read - same screenshots
below\r\n\r\nhttps://docs.google.com/document/d/1tKPoqCPbccX94cqgPyHKBdr9_K3kmqveQGkcGo_Q8k4/edit?usp=sharing\r\n\r\n---\r\n##
Light Theme\r\n\r\n### Entity Store
\r\n\r\n\r\n![entityStore](https://github.com/user-attachments/assets/94c03a9a-f6d2-4cf7-836b-ae3b3c310cdb)\r\n\r\n\r\n![EntityStoreStatus](https://github.com/user-attachments/assets/46d45ad4-73aa-4fb7-b2ab-0b6525016ef5)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![RiskScore](https://github.com/user-attachments/assets/63f1eca3-46f5-4f21-9cef-7b3b6c0724fd)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![Dashboard2](https://github.com/user-attachments/assets/5901db26-81b9-46bc-a3f4-4de7770babbc)\r\n\r\n\r\n![RiskLevels](https://github.com/user-attachments/assets/5273c891-232f-4c6f-892f-c1979c2f8c23)\r\n\r\n\r\n![FlyoutRiskScore](https://github.com/user-attachments/assets/1f0ebd6d-82d5-4356-907a-89bc1a04f483)\r\n\r\n\r\n![FlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/cca34be8-f3f8-4a5b-8698-1227d80edcc0)\r\n\r\n##
Dark Theme\r\n\r\n### Entity
Store\r\n\r\n\r\n![DarkEntityStore](https://github.com/user-attachments/assets/48a12285-e57c-4da1-9376-489b4d9d2853)\r\n\r\n\r\n![DarkEntityStoreStatus](https://github.com/user-attachments/assets/9a48e492-c28a-4dd0-876d-e34dcfefe49d)\r\n\r\n###
Risk
Score\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/becab00e-996d-4485-94fa-bf9bee337aaa)\r\n\r\n###
Dashboard and
Flyout\r\n\r\n\r\n![DarkDashboard](https://github.com/user-attachments/assets/72522716-0c29-4935-ba0c-f9fcea8ff94a)\r\n\r\n\r\n![DarkRiskScore](https://github.com/user-attachments/assets/83ae74c8-3e16-49c5-9c05-9b666e146b1b)\r\n\r\n\r\n![DarkFlyoutRiskScore](https://github.com/user-attachments/assets/2d97c992-ca08-4f97-9338-e59805084a36)\r\n\r\n\r\n![DarkFlyoutAssetCriticalityColors](https://github.com/user-attachments/assets/197a8990-282f-4b01-bab5-e0b2b1518217)\r\n\r\n---------\r\n\r\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\r\nCo-authored-by:
Mark Hopkin
<mark.hopkin@elastic.co>","sha":"4ecf32b83df2b03f0ad1eae90afede21fc21c9d4"}},{"url":"https://github.com/elastic/kibana/pull/210908","number":210908,"branch":"8.x","state":"OPEN"}]}]
BACKPORT-->

Co-authored-by: Charlotte Alexandra Wilson <CAWilson94@users.noreply.github.com>
angorayc added a commit to angorayc/kibana that referenced this pull request Feb 13, 2025
…#206276)

Apply severity colors for Borealis theme.
elastic#204007 (comment)

Update: ⚠️ As the final decision for severity color is still pending,
the temporary colors are the hard coded color hex:
elastic#203387
`TODO` Borealis migration - move from hardcoded values to severity
palette elastic/security-team#11606

| Color token | Amsterdam|Borealis|
|-------------|------------|------------|
| Critical | euiThemeVars.euiColorDanger |```#E7664C```|
| High | euiThemeVars.euiColorVis9_behindText |```#DA8B45``` |
| Meduiml |euiThemeVars.euiColorVis5_behindText|```#D6BF57``` |
| Low | euiThemeVars.euiColorVis0| ```#54B399``` |

In order to run Kibana with Borealis, you'll need to do the following:

Set the following in kibana.dev.yml:
uiSettings.experimental.themeSwitcherEnabled: true

Run Kibana with the following environment variable set:
KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn
start

This will expose a toggle under Stack Management > Advanced Settings >
Theme version, which you can use to toggle between Amsterdam and
Borealis.

![Image](https://github.com/user-attachments/assets/78d64946-43fc-4400-bbb1-229d900b7f05)

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
(cherry picked from commit 235d5eb)
angorayc added a commit to angorayc/kibana that referenced this pull request Feb 13, 2025
…#206276)

Apply severity colors for Borealis theme.
elastic#204007 (comment)

Update: ⚠️ As the final decision for severity color is still pending,
the temporary colors are the hard coded color hex:
elastic#203387
`TODO` Borealis migration - move from hardcoded values to severity
palette elastic/security-team#11606

| Color token | Amsterdam|Borealis|
|-------------|------------|------------|
| Critical | euiThemeVars.euiColorDanger |```#E7664C```|
| High | euiThemeVars.euiColorVis9_behindText |```#DA8B45``` |
| Meduiml |euiThemeVars.euiColorVis5_behindText|```#D6BF57``` |
| Low | euiThemeVars.euiColorVis0| ```#54B399``` |

In order to run Kibana with Borealis, you'll need to do the following:

Set the following in kibana.dev.yml:
uiSettings.experimental.themeSwitcherEnabled: true

Run Kibana with the following environment variable set:
KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn
start

This will expose a toggle under Stack Management > Advanced Settings >
Theme version, which you can use to toggle between Amsterdam and
Borealis.

![Image](https://github.com/user-attachments/assets/78d64946-43fc-4400-bbb1-229d900b7f05)

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
(cherry picked from commit 235d5eb)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting ci:project-deploy-security Create a Security Serverless Project EUI Visual Refresh release_note:feature Makes this part of the condensed release notes Team:Cloud Security Cloud Security team related Team:Entity Analytics Security Entity Analytics Team v8.18.0 v8.19.0 v9.0.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

10 participants