[Security Solution][Explore][EUI visual refresh] remove custom colors when possible #202503
Assignees
Labels
Team: SecuritySolution
Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc.
Team:Threat Hunting:Explore
Team:Threat Hunting
Security Solution Threat Hunting Team
Milestone
Comments
angorayc
added
Team: SecuritySolution
|
Pinging @elastic/security-solution (Team: SecuritySolution) |
|
Pinging @elastic/security-threat-hunting (Team:Threat Hunting) |
|
Pinging @elastic/security-threat-hunting-explore (Team:Threat Hunting:Explore) |
angorayc
added a commit
that referenced
this issue
Jan 9, 2025
…m color hex (#204631) ## Summary #202498 #202503 1. This PR does **Not** include the severity color change. It will be implemented in a follow up PR once color tokens have been decided. 2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so all the functions in this type are updated accordingly. https://github.com/elastic/kibana/pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30 ---- ## To test: Please verify if visualizations are displayed properly. ### 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` 4. Run Kibana with the following environment variable set: ```KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn start``` 5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.  ---- ### Explore <img width="2557" alt="host_after" src="https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed" /> <img width="1281" alt="users_after" src="https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e" /> <img width="2552" alt="network_dns" src="https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba" /> <img width="2557" alt="network_after" src="https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30" /> ---- ### Dashboards <img width="2557" alt="dashboard_overview" src="https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee" /> <img width="2558" alt="dashboard_detection_response_2" src="https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6" /> <img width="2559" alt="dashboard_detection_response_1" src="https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1" /> ---- ### Alerts <img width="2555" alt="alerts_chart_collapsed" src="https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d" /> <img width="2554" alt="summary" src="https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4" /> <img width="2559" alt="trend" src="https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932" /> <img width="2557" alt="counts" src="https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859" /> <img width="1281" alt="treemap" src="https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a" /> ---- ### Rules preview <img width="2556" alt="Screenshot 2024-12-18 at 13 45 33" src="https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5" /> ---- --------- Co-authored-by: kibanamachine <[email protected]>
Zacqary
pushed a commit
to Zacqary/kibana
that referenced
this issue
Jan 9, 2025
…m color hex (elastic#204631) ## Summary elastic#202498 elastic#202503 1. This PR does **Not** include the severity color change. It will be implemented in a follow up PR once color tokens have been decided. 2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so all the functions in this type are updated accordingly. https://github.com/elastic/kibana/pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30 ---- ## To test: Please verify if visualizations are displayed properly. ### 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` 4. Run Kibana with the following environment variable set: ```KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn start``` 5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.  ---- ### Explore <img width="2557" alt="host_after" src="https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed" /> <img width="1281" alt="users_after" src="https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e" /> <img width="2552" alt="network_dns" src="https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba" /> <img width="2557" alt="network_after" src="https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30" /> ---- ### Dashboards <img width="2557" alt="dashboard_overview" src="https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee" /> <img width="2558" alt="dashboard_detection_response_2" src="https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6" /> <img width="2559" alt="dashboard_detection_response_1" src="https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1" /> ---- ### Alerts <img width="2555" alt="alerts_chart_collapsed" src="https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d" /> <img width="2554" alt="summary" src="https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4" /> <img width="2559" alt="trend" src="https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932" /> <img width="2557" alt="counts" src="https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859" /> <img width="1281" alt="treemap" src="https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a" /> ---- ### Rules preview <img width="2556" alt="Screenshot 2024-12-18 at 13 45 33" src="https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5" /> ---- --------- Co-authored-by: kibanamachine <[email protected]>
CAWilson94
pushed a commit
to CAWilson94/kibana
that referenced
this issue
Jan 13, 2025
…m color hex (elastic#204631) ## Summary elastic#202498 elastic#202503 1. This PR does **Not** include the severity color change. It will be implemented in a follow up PR once color tokens have been decided. 2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so all the functions in this type are updated accordingly. https://github.com/elastic/kibana/pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30 ---- ## To test: Please verify if visualizations are displayed properly. ### 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` 4. Run Kibana with the following environment variable set: ```KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn start``` 5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.  ---- ### Explore <img width="2557" alt="host_after" src="https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed" /> <img width="1281" alt="users_after" src="https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e" /> <img width="2552" alt="network_dns" src="https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba" /> <img width="2557" alt="network_after" src="https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30" /> ---- ### Dashboards <img width="2557" alt="dashboard_overview" src="https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee" /> <img width="2558" alt="dashboard_detection_response_2" src="https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6" /> <img width="2559" alt="dashboard_detection_response_1" src="https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1" /> ---- ### Alerts <img width="2555" alt="alerts_chart_collapsed" src="https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d" /> <img width="2554" alt="summary" src="https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4" /> <img width="2559" alt="trend" src="https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932" /> <img width="2557" alt="counts" src="https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859" /> <img width="1281" alt="treemap" src="https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a" /> ---- ### Rules preview <img width="2556" alt="Screenshot 2024-12-18 at 13 45 33" src="https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5" /> ---- --------- Co-authored-by: kibanamachine <[email protected]>
viduni94
pushed a commit
to viduni94/kibana
that referenced
this issue
Jan 23, 2025
…m color hex (elastic#204631) ## Summary elastic#202498 elastic#202503 1. This PR does **Not** include the severity color change. It will be implemented in a follow up PR once color tokens have been decided. 2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so all the functions in this type are updated accordingly. https://github.com/elastic/kibana/pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30 ---- ## To test: Please verify if visualizations are displayed properly. ### 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` 4. Run Kibana with the following environment variable set: ```KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn start``` 5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.  ---- ### Explore <img width="2557" alt="host_after" src="https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed" /> <img width="1281" alt="users_after" src="https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e" /> <img width="2552" alt="network_dns" src="https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba" /> <img width="2557" alt="network_after" src="https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30" /> ---- ### Dashboards <img width="2557" alt="dashboard_overview" src="https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee" /> <img width="2558" alt="dashboard_detection_response_2" src="https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6" /> <img width="2559" alt="dashboard_detection_response_1" src="https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1" /> ---- ### Alerts <img width="2555" alt="alerts_chart_collapsed" src="https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d" /> <img width="2554" alt="summary" src="https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4" /> <img width="2559" alt="trend" src="https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932" /> <img width="2557" alt="counts" src="https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859" /> <img width="1281" alt="treemap" src="https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a" /> ---- ### Rules preview <img width="2556" alt="Screenshot 2024-12-18 at 13 45 33" src="https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5" /> ---- --------- Co-authored-by: kibanamachine <[email protected]>
angorayc
added a commit
to angorayc/kibana
that referenced
this issue
Feb 11, 2025
…m color hex (elastic#204631) ## Summary elastic#202498 elastic#202503 1. This PR does **Not** include the severity color change. It will be implemented in a follow up PR once color tokens have been decided. 2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so all the functions in this type are updated accordingly. https://github.com/elastic/kibana/pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30 ---- ## To test: Please verify if visualizations are displayed properly. ### 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` 4. Run Kibana with the following environment variable set: ```KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn start``` 5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.  ---- ### Explore <img width="2557" alt="host_after" src="https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed" /> <img width="1281" alt="users_after" src="https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e" /> <img width="2552" alt="network_dns" src="https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba" /> <img width="2557" alt="network_after" src="https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30" /> ---- ### Dashboards <img width="2557" alt="dashboard_overview" src="https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee" /> <img width="2558" alt="dashboard_detection_response_2" src="https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6" /> <img width="2559" alt="dashboard_detection_response_1" src="https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1" /> ---- ### Alerts <img width="2555" alt="alerts_chart_collapsed" src="https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d" /> <img width="2554" alt="summary" src="https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4" /> <img width="2559" alt="trend" src="https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932" /> <img width="2557" alt="counts" src="https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859" /> <img width="1281" alt="treemap" src="https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a" /> ---- ### Rules preview <img width="2556" alt="Screenshot 2024-12-18 at 13 45 33" src="https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5" /> ---- --------- Co-authored-by: kibanamachine <[email protected]> (cherry picked from commit 78dfe5f)
angorayc
added a commit
to angorayc/kibana
that referenced
this issue
Feb 11, 2025
…m color hex (elastic#204631) ## Summary elastic#202498 elastic#202503 1. This PR does **Not** include the severity color change. It will be implemented in a follow up PR once color tokens have been decided. 2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so all the functions in this type are updated accordingly. https://github.com/elastic/kibana/pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30 ---- ## To test: Please verify if visualizations are displayed properly. ### 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` 4. Run Kibana with the following environment variable set: ```KBN_OPTIMIZER_THEMES="borealislight,borealisdark,v8light,v8dark" yarn start``` 5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.  ---- ### Explore <img width="2557" alt="host_after" src="https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed" /> <img width="1281" alt="users_after" src="https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e" /> <img width="2552" alt="network_dns" src="https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba" /> <img width="2557" alt="network_after" src="https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30" /> ---- ### Dashboards <img width="2557" alt="dashboard_overview" src="https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee" /> <img width="2558" alt="dashboard_detection_response_2" src="https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6" /> <img width="2559" alt="dashboard_detection_response_1" src="https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1" /> ---- ### Alerts <img width="2555" alt="alerts_chart_collapsed" src="https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d" /> <img width="2554" alt="summary" src="https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4" /> <img width="2559" alt="trend" src="https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932" /> <img width="2557" alt="counts" src="https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859" /> <img width="1281" alt="treemap" src="https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a" /> ---- ### Rules preview <img width="2556" alt="Screenshot 2024-12-18 at 13 45 33" src="https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5" /> ---- --------- Co-authored-by: kibanamachine <[email protected]> (cherry picked from commit 78dfe5f)
angorayc
added a commit
that referenced
this issue
Feb 13, 2025
…e custom color hex (#204631) (#210566) # Backport This will backport the following commits from `main` to `8.18`: - [[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex (#204631)](#204631) <!--- Backport version: 9.6.4 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Angela Chuang","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-01-09T12:46:55Z","message":"[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex (#204631)\n\n## Summary\r\n\r\nhttps://github.com//issues/202498\r\nhttps://github.com//issues/202503\r\n\r\n1. This PR does **Not** include the severity color change. It will be\r\nimplemented in a follow up PR once color tokens have been decided.\r\n2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so\r\nall the functions in this type are updated accordingly.\r\n\r\nhttps://github.com//pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30\r\n\r\n----\r\n\r\n## To test:\r\n\r\nPlease verify if visualizations are displayed properly.\r\n\r\n### Running 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\n`uiSettings.experimental.themeSwitcherEnabled: true`\r\n4. Run Kibana with the following environment variable set: \r\n```KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\" yarn start```\r\n\r\n5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.\r\n\r\n\r\n\r\n\r\n----\r\n\r\n\r\n### Explore\r\n\r\n\r\n<img width=\"2557\" alt=\"host_after\" src=\"https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed\" />\r\n<img width=\"1281\" alt=\"users_after\" src=\"https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e\" />\r\n<img width=\"2552\" alt=\"network_dns\" src=\"https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba\" />\r\n<img width=\"2557\" alt=\"network_after\" src=\"https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30\" />\r\n\r\n----\r\n\r\n### Dashboards\r\n\r\n<img width=\"2557\" alt=\"dashboard_overview\" src=\"https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee\" />\r\n<img width=\"2558\" alt=\"dashboard_detection_response_2\" src=\"https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6\" />\r\n<img width=\"2559\" alt=\"dashboard_detection_response_1\" src=\"https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1\" />\r\n\r\n----\r\n\r\n\r\n### Alerts\r\n<img width=\"2555\" alt=\"alerts_chart_collapsed\" src=\"https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d\" />\r\n<img width=\"2554\" alt=\"summary\" src=\"https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4\" />\r\n<img width=\"2559\" alt=\"trend\" src=\"https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932\" />\r\n<img width=\"2557\" alt=\"counts\" src=\"https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859\" />\r\n<img width=\"1281\" alt=\"treemap\" src=\"https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a\" />\r\n\r\n----\r\n\r\n### Rules preview\r\n<img width=\"2556\" alt=\"Screenshot 2024-12-18 at 13 45 33\" src=\"https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5\" />\r\n\r\n\r\n----\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine <[email protected]>","sha":"78dfe5f81e8307aea2233a109401489828840b85","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","backport:skip","v9.0.0","ci:cloud-deploy","EUI Visual Refresh"],"title":"[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex","number":204631,"url":"https://github.com/elastic/kibana/pull/204631","mergeCommit":{"message":"[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex (#204631)\n\n## Summary\r\n\r\nhttps://github.com//issues/202498\r\nhttps://github.com//issues/202503\r\n\r\n1. This PR does **Not** include the severity color change. It will be\r\nimplemented in a follow up PR once color tokens have been decided.\r\n2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so\r\nall the functions in this type are updated accordingly.\r\n\r\nhttps://github.com//pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30\r\n\r\n----\r\n\r\n## To test:\r\n\r\nPlease verify if visualizations are displayed properly.\r\n\r\n### Running 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\n`uiSettings.experimental.themeSwitcherEnabled: true`\r\n4. Run Kibana with the following environment variable set: \r\n```KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\" yarn start```\r\n\r\n5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.\r\n\r\n\r\n\r\n\r\n----\r\n\r\n\r\n### Explore\r\n\r\n\r\n<img width=\"2557\" alt=\"host_after\" src=\"https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed\" />\r\n<img width=\"1281\" alt=\"users_after\" src=\"https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e\" />\r\n<img width=\"2552\" alt=\"network_dns\" src=\"https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba\" />\r\n<img width=\"2557\" alt=\"network_after\" src=\"https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30\" />\r\n\r\n----\r\n\r\n### Dashboards\r\n\r\n<img width=\"2557\" alt=\"dashboard_overview\" src=\"https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee\" />\r\n<img width=\"2558\" alt=\"dashboard_detection_response_2\" src=\"https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6\" />\r\n<img width=\"2559\" alt=\"dashboard_detection_response_1\" src=\"https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1\" />\r\n\r\n----\r\n\r\n\r\n### Alerts\r\n<img width=\"2555\" alt=\"alerts_chart_collapsed\" src=\"https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d\" />\r\n<img width=\"2554\" alt=\"summary\" src=\"https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4\" />\r\n<img width=\"2559\" alt=\"trend\" src=\"https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932\" />\r\n<img width=\"2557\" alt=\"counts\" src=\"https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859\" />\r\n<img width=\"1281\" alt=\"treemap\" src=\"https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a\" />\r\n\r\n----\r\n\r\n### Rules preview\r\n<img width=\"2556\" alt=\"Screenshot 2024-12-18 at 13 45 33\" src=\"https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5\" />\r\n\r\n\r\n----\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine <[email protected]>","sha":"78dfe5f81e8307aea2233a109401489828840b85"}},"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/204631","number":204631,"mergeCommit":{"message":"[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex (#204631)\n\n## Summary\r\n\r\nhttps://github.com//issues/202498\r\nhttps://github.com//issues/202503\r\n\r\n1. This PR does **Not** include the severity color change. It will be\r\nimplemented in a follow up PR once color tokens have been decided.\r\n2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so\r\nall the functions in this type are updated accordingly.\r\n\r\nhttps://github.com//pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30\r\n\r\n----\r\n\r\n## To test:\r\n\r\nPlease verify if visualizations are displayed properly.\r\n\r\n### Running 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\n`uiSettings.experimental.themeSwitcherEnabled: true`\r\n4. Run Kibana with the following environment variable set: \r\n```KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\" yarn start```\r\n\r\n5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.\r\n\r\n\r\n\r\n\r\n----\r\n\r\n\r\n### Explore\r\n\r\n\r\n<img width=\"2557\" alt=\"host_after\" src=\"https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed\" />\r\n<img width=\"1281\" alt=\"users_after\" src=\"https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e\" />\r\n<img width=\"2552\" alt=\"network_dns\" src=\"https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba\" />\r\n<img width=\"2557\" alt=\"network_after\" src=\"https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30\" />\r\n\r\n----\r\n\r\n### Dashboards\r\n\r\n<img width=\"2557\" alt=\"dashboard_overview\" src=\"https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee\" />\r\n<img width=\"2558\" alt=\"dashboard_detection_response_2\" src=\"https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6\" />\r\n<img width=\"2559\" alt=\"dashboard_detection_response_1\" src=\"https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1\" />\r\n\r\n----\r\n\r\n\r\n### Alerts\r\n<img width=\"2555\" alt=\"alerts_chart_collapsed\" src=\"https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d\" />\r\n<img width=\"2554\" alt=\"summary\" src=\"https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4\" />\r\n<img width=\"2559\" alt=\"trend\" src=\"https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932\" />\r\n<img width=\"2557\" alt=\"counts\" src=\"https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859\" />\r\n<img width=\"1281\" alt=\"treemap\" src=\"https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a\" />\r\n\r\n----\r\n\r\n### Rules preview\r\n<img width=\"2556\" alt=\"Screenshot 2024-12-18 at 13 45 33\" src=\"https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5\" />\r\n\r\n\r\n----\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine <[email protected]>","sha":"78dfe5f81e8307aea2233a109401489828840b85"}}]}] BACKPORT-->
angorayc
added a commit
that referenced
this issue
Feb 13, 2025
… custom color hex (#204631) (#210565) # Backport This will backport the following commits from `main` to `8.x`: - [[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex (#204631)](#204631) <!--- Backport version: 9.6.4 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Angela Chuang","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-01-09T12:46:55Z","message":"[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex (#204631)\n\n## Summary\r\n\r\nhttps://github.com//issues/202498\r\nhttps://github.com//issues/202503\r\n\r\n1. This PR does **Not** include the severity color change. It will be\r\nimplemented in a follow up PR once color tokens have been decided.\r\n2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so\r\nall the functions in this type are updated accordingly.\r\n\r\nhttps://github.com//pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30\r\n\r\n----\r\n\r\n## To test:\r\n\r\nPlease verify if visualizations are displayed properly.\r\n\r\n### Running 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\n`uiSettings.experimental.themeSwitcherEnabled: true`\r\n4. Run Kibana with the following environment variable set: \r\n```KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\" yarn start```\r\n\r\n5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.\r\n\r\n\r\n\r\n\r\n----\r\n\r\n\r\n### Explore\r\n\r\n\r\n<img width=\"2557\" alt=\"host_after\" src=\"https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed\" />\r\n<img width=\"1281\" alt=\"users_after\" src=\"https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e\" />\r\n<img width=\"2552\" alt=\"network_dns\" src=\"https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba\" />\r\n<img width=\"2557\" alt=\"network_after\" src=\"https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30\" />\r\n\r\n----\r\n\r\n### Dashboards\r\n\r\n<img width=\"2557\" alt=\"dashboard_overview\" src=\"https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee\" />\r\n<img width=\"2558\" alt=\"dashboard_detection_response_2\" src=\"https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6\" />\r\n<img width=\"2559\" alt=\"dashboard_detection_response_1\" src=\"https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1\" />\r\n\r\n----\r\n\r\n\r\n### Alerts\r\n<img width=\"2555\" alt=\"alerts_chart_collapsed\" src=\"https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d\" />\r\n<img width=\"2554\" alt=\"summary\" src=\"https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4\" />\r\n<img width=\"2559\" alt=\"trend\" src=\"https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932\" />\r\n<img width=\"2557\" alt=\"counts\" src=\"https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859\" />\r\n<img width=\"1281\" alt=\"treemap\" src=\"https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a\" />\r\n\r\n----\r\n\r\n### Rules preview\r\n<img width=\"2556\" alt=\"Screenshot 2024-12-18 at 13 45 33\" src=\"https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5\" />\r\n\r\n\r\n----\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine <[email protected]>","sha":"78dfe5f81e8307aea2233a109401489828840b85","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","backport:skip","v9.0.0","ci:cloud-deploy","EUI Visual Refresh"],"title":"[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex","number":204631,"url":"https://github.com/elastic/kibana/pull/204631","mergeCommit":{"message":"[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex (#204631)\n\n## Summary\r\n\r\nhttps://github.com//issues/202498\r\nhttps://github.com//issues/202503\r\n\r\n1. This PR does **Not** include the severity color change. It will be\r\nimplemented in a follow up PR once color tokens have been decided.\r\n2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so\r\nall the functions in this type are updated accordingly.\r\n\r\nhttps://github.com//pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30\r\n\r\n----\r\n\r\n## To test:\r\n\r\nPlease verify if visualizations are displayed properly.\r\n\r\n### Running 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\n`uiSettings.experimental.themeSwitcherEnabled: true`\r\n4. Run Kibana with the following environment variable set: \r\n```KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\" yarn start```\r\n\r\n5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.\r\n\r\n\r\n\r\n\r\n----\r\n\r\n\r\n### Explore\r\n\r\n\r\n<img width=\"2557\" alt=\"host_after\" src=\"https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed\" />\r\n<img width=\"1281\" alt=\"users_after\" src=\"https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e\" />\r\n<img width=\"2552\" alt=\"network_dns\" src=\"https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba\" />\r\n<img width=\"2557\" alt=\"network_after\" src=\"https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30\" />\r\n\r\n----\r\n\r\n### Dashboards\r\n\r\n<img width=\"2557\" alt=\"dashboard_overview\" src=\"https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee\" />\r\n<img width=\"2558\" alt=\"dashboard_detection_response_2\" src=\"https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6\" />\r\n<img width=\"2559\" alt=\"dashboard_detection_response_1\" src=\"https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1\" />\r\n\r\n----\r\n\r\n\r\n### Alerts\r\n<img width=\"2555\" alt=\"alerts_chart_collapsed\" src=\"https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d\" />\r\n<img width=\"2554\" alt=\"summary\" src=\"https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4\" />\r\n<img width=\"2559\" alt=\"trend\" src=\"https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932\" />\r\n<img width=\"2557\" alt=\"counts\" src=\"https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859\" />\r\n<img width=\"1281\" alt=\"treemap\" src=\"https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a\" />\r\n\r\n----\r\n\r\n### Rules preview\r\n<img width=\"2556\" alt=\"Screenshot 2024-12-18 at 13 45 33\" src=\"https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5\" />\r\n\r\n\r\n----\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine <[email protected]>","sha":"78dfe5f81e8307aea2233a109401489828840b85"}},"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/204631","number":204631,"mergeCommit":{"message":"[Security Solution][threat hunting explore] EUI refresh: Remove custom color hex (#204631)\n\n## Summary\r\n\r\nhttps://github.com//issues/202498\r\nhttps://github.com//issues/202503\r\n\r\n1. This PR does **Not** include the severity color change. It will be\r\nimplemented in a follow up PR once color tokens have been decided.\r\n2. This PR updates the type `GetLensAttributes` to accept `euiTheme`, so\r\nall the functions in this type are updated accordingly.\r\n\r\nhttps://github.com//pull/204631/files#diff-abe20658865cad59eadcff945552b40832d96da0264ed89ddd5ab25ded1420a3R30\r\n\r\n----\r\n\r\n## To test:\r\n\r\nPlease verify if visualizations are displayed properly.\r\n\r\n### Running 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\n`uiSettings.experimental.themeSwitcherEnabled: true`\r\n4. Run Kibana with the following environment variable set: \r\n```KBN_OPTIMIZER_THEMES=\"borealislight,borealisdark,v8light,v8dark\" yarn start```\r\n\r\n5. This will expose a toggle under Stack Management > Advanced Settings > Theme version, which you can use to toggle between Amsterdam and Borealis.\r\n\r\n\r\n\r\n\r\n----\r\n\r\n\r\n### Explore\r\n\r\n\r\n<img width=\"2557\" alt=\"host_after\" src=\"https://github.com/user-attachments/assets/f69b6e2a-58f6-4ed4-9f38-dcdbcf9919ed\" />\r\n<img width=\"1281\" alt=\"users_after\" src=\"https://github.com/user-attachments/assets/0eec8e9c-e678-4a66-83ee-4b8d11380b8e\" />\r\n<img width=\"2552\" alt=\"network_dns\" src=\"https://github.com/user-attachments/assets/19f06d2a-6e51-419b-9f89-233bfa5727ba\" />\r\n<img width=\"2557\" alt=\"network_after\" src=\"https://github.com/user-attachments/assets/3b90c5e2-23a1-4f15-a2d0-f9290a39af30\" />\r\n\r\n----\r\n\r\n### Dashboards\r\n\r\n<img width=\"2557\" alt=\"dashboard_overview\" src=\"https://github.com/user-attachments/assets/c1873359-fee9-42c6-addd-fe2bc1c98aee\" />\r\n<img width=\"2558\" alt=\"dashboard_detection_response_2\" src=\"https://github.com/user-attachments/assets/f6853710-0938-402b-b326-fa00d586b5d6\" />\r\n<img width=\"2559\" alt=\"dashboard_detection_response_1\" src=\"https://github.com/user-attachments/assets/4eb75526-9a57-46e9-b090-b53353956ea1\" />\r\n\r\n----\r\n\r\n\r\n### Alerts\r\n<img width=\"2555\" alt=\"alerts_chart_collapsed\" src=\"https://github.com/user-attachments/assets/6ecf5dd5-a785-4701-900b-0454f024b36d\" />\r\n<img width=\"2554\" alt=\"summary\" src=\"https://github.com/user-attachments/assets/1731a6ea-ef2b-4d7d-bf21-4041e59f0ad4\" />\r\n<img width=\"2559\" alt=\"trend\" src=\"https://github.com/user-attachments/assets/b9a741d1-a359-4273-9555-850cdcbc8932\" />\r\n<img width=\"2557\" alt=\"counts\" src=\"https://github.com/user-attachments/assets/a6193ccc-86b8-4974-ad9f-9417e200e859\" />\r\n<img width=\"1281\" alt=\"treemap\" src=\"https://github.com/user-attachments/assets/7b6e163a-a660-4bb1-a6de-88e21934b98a\" />\r\n\r\n----\r\n\r\n### Rules preview\r\n<img width=\"2556\" alt=\"Screenshot 2024-12-18 at 13 45 33\" src=\"https://github.com/user-attachments/assets/47099c18-86ee-455a-a5af-ebd6a29904a5\" />\r\n\r\n\r\n----\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine <[email protected]>","sha":"78dfe5f81e8307aea2233a109401489828840b85"}}]}] BACKPORT-->
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Context
Changes are made to EUI that will be visible to end-users in Kibana:
These changes are available in a new theme called Borealis.
See parent ticket for how to use the new theme and labels to add to the PR for tracking
Description
All "Custom colors" have been replaced with EUI color tokens.
Important
We are asking all teams to remove all hardcoded color values (i.e., any CSS color defined explicitly rather than using an EUI token) when adopting the color changes defined in this document.
The EUI team hopes to iterate on color faster in the future. In order to do so, it is imperative teams strive to use EUI tokens for colors exclusively.
Hardcoded colors create issues when we iterate on the Kibana UI as a whole -- they break the system. By consistently using color tokens from the EUI library, we enable seamless updates and iterations on colors without requiring additional work from Kibana teams. With this approach, we can update a single token in EUI, and the color change will automatically apply across all of Kibana.
The EUI team is fundamentally changing the library by adding a comprehensive suite of Semantic Tokens. A semantic token is defined as such:
A practical example of this can be seen by looking at our shade colors. The naming of these tokens is based on their appearance -- dark. light, darkest, etc. Over time, we will deprecate these tokens in favor of tokens that are based on usage -- "border", "background", etc. This will be a key concept that allows us to iterate and evolve the Kibana UI over time -- cleanly and easily.
This same concept flows through to component customizations as well. In order for the EUI team to modernize UI at an atomic level (buttons, inputs, forms, layout, etc.), we will be asking teams to clean up CSS customizations to these elements as well. We realize that this is a big ask, but it is an important one. Simply put, if you are applying custom styles to our components, we are not able to update them without breaking UI.
The text was updated successfully, but these errors were encountered: