Skip to content

[SecuritySolution] Update severity colors for Borealis theme#206276

Merged
angorayc merged 23 commits intoelastic:mainfrom
angorayc:severity-colors
Jan 25, 2025
Merged

[SecuritySolution] Update severity colors for Borealis theme#206276
angorayc merged 23 commits intoelastic:mainfrom
angorayc:severity-colors

Conversation

@angorayc
Copy link
Contributor

@angorayc angorayc commented Jan 10, 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 https://github.com/elastic/security-team/issues/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

Checklist

@angorayc angorayc requested review from a team as code owners January 10, 2025 13:04
@angorayc angorayc added release_note:skip Skip the PR/issue when compiling release notes backport:skip This PR does not require backporting v9.0.0 EUI Visual Refresh labels Jan 10, 2025
@angorayc angorayc changed the title [SecuritySolution] Update severity colors [SecuritySolution] Update severity colors for Borealis theme Jan 10, 2025
@angorayc angorayc mentioned this pull request Jan 10, 2025
@angorayc angorayc requested a review from mgadewoll January 10, 2025 13:32
Copy link
Contributor

@maxcold maxcold left a comment

Choose a reason for hiding this comment

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

cloud_securty_posture related changes lgtm

Copy link
Contributor

@nikitaindik nikitaindik left a comment

Choose a reason for hiding this comment

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

Thanks so much for this PR, @angorayc! I was planning to make similar changes, but only for the Rule Management and Detection Engine teams. You’ve gone above and beyond by covering even more areas — great work!

I’ve reviewed the Rule Management-owned code and left a few comments for your consideration. When you have a moment, please take a look.

Additionally, I tested the Rule Management-owned pages and didn’t encounter any issues. Everything looks good! 👍

Please address my comments and I'll give this PR another look. 🙏

viduni94 pushed a commit to viduni94/kibana that referenced this pull request Jan 23, 2025
…lastic#206122)

**Resolves: elastic#204737**
**Related PR (fixes severity indicator colors): elastic#206276**

## Summary
This PR introduces some of the necessary changes to support the Borealis
UI theme on Rule Management team-owned pages. You can find a list of
what needs to be done in this
[issue](elastic#199715) description
under "Requested Code Changes".

## Changes in this PR
- Replaced deprecated `euiThemeVars` with `useEuiTheme`.
- Fixed incorrect "disabled" button color for the rule delete bulk
action.

## Changes that are needed, but are outside of this PR's scope
- Fix incorrect severity colors in Borealis. Will be resolved by this
Threat Hunting [PR](elastic#206276).
<img width="93" alt="Scherm­afbeelding 2025-01-13 om 13 46 26"
src="https://github.com/user-attachments/assets/d35407d7-77f9-4d7d-a6b8-3dfe4f8a0e9e"
/>

- Fix rule execution status indicator appearing too dark in the Borealis
theme. This issue will be addressed in EUI, but there is no draft PR
yet, as discussions are still ongoing between the design team and EUI
folks to determine the best approach.
<img width="326" alt="borealis"
src="https://github.com/user-attachments/assets/3324448c-be13-4074-bfdc-c6837fb2bc6c"
/>

## Testing
You can find the theme switcher in "Stack Management" -> "Advanced
Settings". Then you can test if everything looks correct in:
- Amsterdam theme, light mode
- Amsterdam theme, dark mode
- Borealis theme, light mode
- Borealis theme, dark mode

Work started on: 08-01-2025
@nikitaindik
Copy link
Contributor

Hey folks! 👋 Any updates on this? Are we going to use severity colors from Amsterdam in Borealis?

@angorayc
Copy link
Contributor Author

angorayc commented Jan 24, 2025

Hey folks! 👋 Any updates on this? Are we going to use severity colors from Amsterdam in Borealis?

Update: ⚠️ As the final decision for severity color is still pending, the temporary colors are the hard coded color hex:
#203387

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

Relevant implementation:
Cloud Security: https://github.com/elastic/kibana/pull/205136/files#diff-bf3f045d305b5cdcd6ed8b42d1b94a051ec8f8b55270fbd85aed96f93adeb351R35
Entity analytics: https://github.com/elastic/kibana/pull/204007/files

@elasticmachine
Copy link
Contributor

elasticmachine commented Jan 24, 2025

⏳ Build in-progress, with failures

Failed CI Steps

Test Failures

  • [job] [logs] Jest Tests #5 / Amsterdam: getSeverityColor returns color for given severity: critical
  • [job] [logs] Jest Tests #5 / Amsterdam: getSeverityColor returns color for given severity: critical
  • [job] [logs] Jest Tests #5 / Amsterdam: getSeverityColor returns color for given severity: high
  • [job] [logs] Jest Tests #5 / Amsterdam: getSeverityColor returns color for given severity: high
  • [job] [logs] Jest Tests #5 / Amsterdam: getSeverityColor returns color for given severity: low
  • [job] [logs] Jest Tests #5 / Amsterdam: getSeverityColor returns color for given severity: low
  • [job] [logs] Jest Tests #5 / Amsterdam: getSeverityColor returns color for given severity: medium
  • [job] [logs] Jest Tests #5 / Amsterdam: getSeverityColor returns color for given severity: medium
  • [job] [logs] Jest Tests #5 / getFlattenedLegendItems returns the expected legend items
  • [job] [logs] Jest Tests #5 / getFlattenedLegendItems returns the expected legend items
  • [job] [logs] Jest Tests #12 / getFormattedAlertStats should return alert stats
  • [job] [logs] Jest Tests #12 / getFormattedAlertStats should return alert stats
  • [job] [logs] Jest Tests #5 / layers getLayersMultiDimensional returns the default fillColor for layer 1 when the group from path is not found
  • [job] [logs] Jest Tests #5 / layers getLayersMultiDimensional returns the default fillColor for layer 1 when the group from path is not found
  • [job] [logs] Jest Tests #5 / layers getLayersMultiDimensional returns the expected shape fill color function for layer 1, which has a different implementation
  • [job] [logs] Jest Tests #5 / layers getLayersMultiDimensional returns the expected shape fill color function for layer 1, which has a different implementation
  • [job] [logs] Jest Tests #5 / layers getLayersOneDimension return the default fill color when dataName is not found in the maxRiskSubAggregations
  • [job] [logs] Jest Tests #5 / layers getLayersOneDimension return the default fill color when dataName is not found in the maxRiskSubAggregations
  • [job] [logs] Jest Tests #5 / layers getLayersOneDimension returns the expected shape fillColor function
  • [job] [logs] Jest Tests #5 / layers getLayersOneDimension returns the expected shape fillColor function
  • [job] [logs] Jest Tests #5 / legend getFirstGroupLegendItems returns the expected legend item
  • [job] [logs] Jest Tests #5 / legend getFirstGroupLegendItems returns the expected legend item
  • [job] [logs] Jest Tests #5 / legend getLegendItemFromFlattenedBucket returns the expected legend item
  • [job] [logs] Jest Tests #5 / legend getLegendItemFromFlattenedBucket returns the expected legend item
  • [job] [logs] Jest Tests #5 / legend getLegendItemFromRawBucket returns the expected color when showColor is true
  • [job] [logs] Jest Tests #5 / legend getLegendItemFromRawBucket returns the expected color when showColor is true

History

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
securitySolution 6610 6611 +1

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 +4.4KB

History

@angorayc angorayc merged commit 235d5eb into elastic:main Jan 25, 2025
CAWilson94 added a commit that referenced this pull request Jan 27, 2025
## Summary

This PR covers required updates for EUI refresh:
[#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 
#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
#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>
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 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 angorayc added v8.18.0 v8.19.0 and removed backport:skip This PR does not require backporting labels Feb 13, 2025
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)
@kibanamachine kibanamachine added the backport missing Added to PRs automatically when the are determined to be missing a backport. label Feb 14, 2025
@kibanamachine
Copy link
Contributor

Looks like this PR has backport PRs but they still haven't been merged. Please merge them ASAP to keep the branches relatively in sync.

@angorayc angorayc removed the backport missing Added to PRs automatically when the are determined to be missing a backport. label Feb 14, 2025
angorayc added a commit that referenced this pull request Feb 14, 2025
…206276) (#211021)

# Backport

This will backport the following commits from `main` to `8.18`:
- [[Security Solution]Update severity colors for Borealis theme
(#206276)](#206276)
angorayc added a commit that referenced this pull request Feb 14, 2025
…06276) (#211028)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Security Solution]Update severity colors for Borealis theme
(#206276)](#206276)

---------

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Security Solution] [EUI visual refresh] Apply severity colors [Security Solution][Threat Hunting Explore][Meta] EUI Visual Refresh