Different Styles on Login/Log out Pages

[jridderbusch]

Description - What happened? *

The styles on the onboarding pages differ and it would be good if we could harmonise a few inconsistencies. I've attached some screenshots.

Could you have a look at the following points and standardise them:

Font: The Font in Screen 1 is Arial, in Screen 2 Open Sans is used. Please use Arial.
Position: Screen 1 is in the center of the window, whereas Screen2 is moved upwards.
Button Design: Screen 1 uses rectangular Buttons in black and white, the button on Screen 2 is yellow and rather round.
Logo: the MDS Logo differs (the Logo in Screen 2 being the prefered option).
Background: Screen 1 has no colorful background, in Screen 2 a grey box is used in the backgound.
I think the logout page uses the same styling as screen 2 and would therefore also need to be adapted.

Please reach out anytime, if anything is unclear or additional information is need.

Expected Behavior *

/

Observed Behavior *

/

Steps to Reproduce

No response

Context Information

No response

Relevant log output

No response

Screenshots

Screen 1

Screen 2

Logout Screen

[illfixit]

@jkbquabeck second and third screenshots are Keycloak. Changing and testing the keycloak theme is much more difficult than the html in the first screenshot but the html version looks much better

[kamilczaja]

The Keycloak pages are really troublesome, especially since the Keycloak themes use some cursed HTML knock-off. While this would take time and is out-of-scope for a simple bugfix, me might consider ditching the Keycloak login pages and crafting a custom solution to authenticate against Keycloak using e.g. direct grants for the client configuration.

[jkbquabeck]

Priority: font and logo;