[Dialog]: Dialog, pop-up borders are not visible, link colors are changed in the high contrast black theme with the system setting in 'Aquatic'

[lateefsofi]

Describe the bug

Change to application high contrast black theme from Application settings.
On the Operating system, switch to one of the high contrast black themes.
On Windows 11, choose one of Aquatic, Dusk, or Night Sky.

Issue:
the outlines of the table, modal dialogs, pop-up menus is not visible in the high contrast black theme with the system setting in Aquatic. Also, links color is seen modified.

Isolated Example

https://ui5.github.io/webcomponents-react/v2/?path=/docs/modals-popovers-dialog--docs&globals=theme:sap_horizon_hcb

Reproduction steps

1. Navigate to https://ui5.github.io/webcomponents-react/v2/?path=/docs/modals-popovers-dialog--docs&globals=theme:sap_horizon_hcb
2. Change to application high contrast black theme from the the top Menu.
3. On the Operating system, switch to one of the high contrast black themes.
4. On Windows 11, choose one of Aquatic, Dusk, or Night Sky.2.
5. Issue:
   the outlines of the table, modal dialogs, pop-up menus is not visible in the high contrast black theme with the system setting in Aquatic. Also, links color is seen modified.

Expected Behaviour

Ensure that table, drop-downs, modal dialogs border/outline should be visible in the high contrast black theme with the system setting in Aquatic. Also, links color remain unchanged.

Screenshots or Videos

No response

UI5 Web Components for React Version

2.18.0

UI5 Web Components Version

2.18.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

Successfactors

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @lateefsofi

It is recommended setting forced-color-adjust: none; to prevent this behavior. You can find out more about this in this comment: UI5/webcomponents#9917 (comment) and the UI5 Web Components FAQ. (We'll add this to our docs as well)

In our Storybook, we currently only set this property for non-hc themes, as previously the OS overrides seemed to have worked in combination. As this isn't the case anymore, we will disable it for all themes now.