🚀 [Feature] Authentik: Improve Flows Design

[mahula]

🚀 Improve custom CSS for Authentik Flows

CSS customization for Authentik is done in the custom.css file.
Authentik uses the CSS library PatternFly in version 4 (4.224.2).

Todo

• disable dark mode for now
  (text in input fields is white): In admin interface => System => Brands => authentik default => Other global settings, add settings.theme.base: light
• set correct logo size
• background image svg (@)
• input fields
  • resize (smaller width as in design template)
  • invalid: red border
    this might be done later with decent verification of the different inputs (username, password, email), which has not been completely specified yet
• buttons
  • final buttons (sign in, sign up): green
  • continue buttons: blue
  • capitalize text
  • resize (smaller width as in design template)
  • Login text Log In --> Login
• footer links
  • remove default links
• mobile
  • disable scroll bar
  • no background image from breakpoint tablet downward

[roschaefer]

My two cents here are that dark/light mode is an accessibility feature and should not get omitted to force a particular style.