Dark scheme of the portal is unworkable

[hlmr-dave]

Product versie / Product version

latest

Omschrijf het probleem / Describe the bug

The "dark scheme" of the Form designer is unworkable. Most of the text is unreadable and in some cases the action buttons as well.

Stappen om te reproduceren / Steps to reproduce

Verwacht gedrag / Expected behavior

Please disable it and make it so that the default is always applied. Now I am blocked because of this unfinished functionality.

Screen resolution

No response

Device

Desktop

OS

iOS

Browser

Chrome

[SilviaAmAm]

Things to fix:

• Hidden fields
• Checkboxes
• Warning session is expiring
• Content component (the widget is still light coloured, but the text is now also light coloured) => Bandaid
• Email registration (some fields are white and some are dark)
• File upload component
• Component with multiple values (the "add value" button is too dark in the editor)
• SDK Snippet
• Select component (the dropdown part is white with light text)

(Advanced logic was removed from the fieldset)

[hlmr-erik]

Don't know if these were already part of the re-opened story, but:
The MFA-QR code is unreadable in Dark mode:

(I obviously blurred out the QR code)

Same with the type of buttons like the 'Add form' button:

[sergei-maertens]

Can you please open a new issue for these findings?

[hlmr-erik]

Done: #2671 As it turned out, part of my initial finding was because of the 'Dark Reader' extension I used to try to reproduce the problem. However, part of it persists in Windows' native dark mode.

[sergei-maertens]

Thanks :)

The framework support (in this version of the framework) is limited to the media queries for dark/light scheme preferences. I think I saw that the next LTS release relaxes that a bit by using themes/theme names to target, so I'm not entirely sure how things behave with OS-mandated dark-mode etc.