Conversation
…risk severity updated to use RISK_SEVERITY_COLOUR instead of SEVERITY_COLOUR
| low_impact: '#54B399', | ||
| unassigned: euiLightVars.euiColorMediumShade, | ||
| }; | ||
| import { useCriticalityLevelColors } from '../../hooks/use_criticality_level_colors'; |
There was a problem hiding this comment.
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'; |
There was a problem hiding this comment.
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(); |
There was a problem hiding this comment.
This is the change
| const { euiTheme } = useEuiTheme(); | ||
| return ( | ||
| <RiskBadge | ||
| color={euiTheme.colors.danger} |
There was a problem hiding this comment.
along with this change, the others I think just formatter
…n in place, to change references WiP
…uiTheme hook for colors
… - WiP consider moving back to static mapping if eui can allow
|
Pinging @elastic/kibana-cloud-security-posture (Team:Cloud Security) |
|
Pinging @elastic/security-entity-analytics (Team:Entity Analytics) |
…rdam theme - Borealis old colors
…everity colour palette is agreed
## 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.  ### 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>
machadoum
left a comment
There was a problem hiding this comment.
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?
Agreed to iterate severity colors for security with designers and eui, so reverted these changes. Reviewer also on PTO so cannot change status.
Hello! Yes! Thanks for asking, @codearos gave me a better background color to use, which is updated in the google doc now :) |
💚 Build Succeeded
Metrics [docs]Async chunks
History
cc @CAWilson94 |
…#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.  ### 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>
## 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   ### Risk Score  ### Dashboard and Flyout     ## Dark Theme ### Entity Store   ### Risk Score  ### Dashboard and Flyout     --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Mark Hopkin <mark.hopkin@elastic.co>
💔 Some backports could not be created
Note: Successful backport PRs will be merged automatically after passing CI. Manual backportTo create the backport manually run: Questions ?Please refer to the Backport tool documentation |
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
## 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   ### Risk Score  ### Dashboard and Flyout     ## Dark Theme ### Entity Store   ### Risk Score  ### Dashboard and Flyout     --------- 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
# 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\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n## Dark Theme\r\n\r\n### Entity Store\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n## Dark Theme\r\n\r\n### Entity Store\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n## Dark Theme\r\n\r\n### Entity Store\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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>
# 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\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n## Dark Theme\r\n\r\n### Entity Store\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n## Dark Theme\r\n\r\n### Entity Store\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n## Dark Theme\r\n\r\n### Entity Store\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Risk Score\r\n\r\n\r\n\r\n\r\n### Dashboard and Flyout\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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>
…#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.  - [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)
…#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.  - [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)
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:
Set the following in kibana.dev.yml: u
iSettings.experimental.themeSwitcherEnabled: trueRun Kibana with the following environment variable set:
KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn startThis 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
Risk Score
Dashboard and Flyout
Dark Theme
Entity Store
Risk Score
Dashboard and Flyout