Über die folgenden Variablen kann die Darstellung der Login Seite speziell beeinflusst werden.
| Variable | Erklärung | Standard |
|---|---|---|
| login-page-application-title-color | Die Schriftfarbe des Anwendungstitels auf der Login Seite | var(--contrast-font-color) |
| login-box-background-color | Die Hintergrundfarbe der Login Box | rgba(192, 192, 192, 0.95) |
| login-notice-font-color | Die Schriftfarbe der Wartemeldung | var(--main-font-color) |
| login-error-font-color | Die Schriftfarbe von Fehlermeldungen auf der Login Seite | #EB4962 |
| login-type-seperator-color | Die Farbe von Trennstrichen auf der Login-Seite | var(--main-font-color) |
| login-type-seperator-font-color | Die Schriftfarbe von Text innerhalb von Trennstrichen auf der Login Seite | var(--login-type-seperator-color) |
| login-input-nulltext-font-color | Die Schriftfarbe des Leertextes innerhalb eines Maskensteuerelements auf der Login-Seite | var(--input-nulltext-font-color) |
| login-input-font-color | Die Schriftfarbe innerhalb eines Maskensteuerelements auf der Login-Seite | var(--input-font-color) |
| login-input-font-color-highlight | Die Schriftfarbe innerhalb eines aktiven Maskensteuerelements auf der Login-Seite | var(--input-font-color-highlight) |
| login-input-background-color | Die Hintergrundfarbe von Maskensteuerelementen auf der Login-Seite | var(--input-background-color) |
| login-input-background-color-highlight | Die Hintergrundfarbe aktiver Maskensteuerelemente auf der Login-Seite | var(--input-background-color-highlight) |
| login-input-border-color | Die Rahmenfarbe von Eingabesteuerelementen auf der Login-Seite | var(--light-border-color) |
| login-input-border-color-hover | Die Rahmenfarbe von Eingabesteuerelementen auf der Login-Seite beim Hovern | var(--default-border-color) |
| login-input-border-color-highlight | Die Rahmenfarbe aktiver Eingabesteuerelemente auf der Login-Seite | var(--secondary-color) |
| login-input-border-top-color | Die Rahmenfarbe (oben) von Eingabesteuerelementen auf der Login-Seite | var(--login-input-border-color) |
| login-input-border-top-color-hover | Die Rahmenfarbe (oben) von Eingabesteuerelementen auf der Login-Seite beim Hovern | var(--login-input-border-color-hover) |
| login-input-border-top-color-highlight | Die Rahmenfarbe (oben) aktiver Eingabesteuerelemente auf der Login-Seite | var(--login-input-border-color-highlight) |
| login-input-border-left-color | Die Rahmenfarbe (links) von Eingabesteuerelementen auf der Login-Seite | var(--login-input-border-color) |
| login-input-border-left-color-hover | Die Rahmenfarbe (links) von Eingabesteuerelementen auf der Login-Seite beim Hovern | var(--login-input-border-color-hover) |
| login-input-border-left-color-highlight | Die Rahmenfarbe (links) aktiver Eingabesteuerelemente auf der Login-Seite | var(--login-input-border-color-highlight) |
| login-input-border-right-color | Die Rahmenfarbe (rechts) von Eingabesteuerelementen auf der Login-Seite | var(--login-input-border-color) |
| login-input-border-right-color-hover | Die Rahmenfarbe (rechts) von Eingabesteuerelementen auf der Login-Seite beim Hovern | var(--login-input-border-color-hover) |
| login-input-border-right-color-highlight | Die Rahmenfarbe (rechts) aktiver Eingabesteuerelemente auf der Login-Seite | var(--login-input-border-color-highlight) |
| login-input-border-bottom-color | Die Rahmenfarbe (unten) von Eingabesteuerelementen auf der Login-Seite | var(--login-input-border-color) |
| login-input-border-bottom-color-hover | Die Rahmenfarbe (unten) von Eingabesteuerelementen auf der Login-Seite beim Hovern | var(--login-input-border-color-hover) |
| login-input-border-bottom-color-highlight | Die Rahmenfarbe (unten) aktiver Eingabesteuerelemente auf der Login-Seite | var(--login-input-border-color-highlight) |
| login-button-control-border-color | Rahmenfarbe einer Schaltfläche auf der Login Seite | var(--button-control-border-color) |
| login-button-control-font-color | Schriftfarbe einer Schaltfläche auf der Login Seite | -var(--button-control-font-color) |
| login-button-control-background-color | Hintergrundfarbe einer Schaltfläche auf der Login Seite | var(--button-control-background-color) |
| login-button-control-border-color-hover | Rahmenfarbe einer Schaltfläche auf der Login Seite beim Hovern | var(--login-button-control-border-color-hover) |
| login-button-control-font-color-hover | Schriftfarbe einer Schaltfläche auf der Login Seite beim Hovern | var(--ogin-button-control-font-color-hover) |
| login-button-control-background-color-hover | Hintergrundfarbe einer Schaltfläche auf der Login-Seite beim Hovern | var(--button-control-background-color-hover) |
| login-button-control-border-color-active | Rahmenfarbe einer aktiven Schaltfläche auf der Login Seite | var(--button-control-border-color-active) |
| login-button-control-font-color-active | Schriftfarbe einer aktiven Schaltfläche auf der Login Seite | var(--login-button-control-font-color-active) |
| login-button-control-background-color-active | Hintergrundfarbe einer aktiven Schaltfläche auf der Login Seite | var(--button-control-background-color-active) |
Eine Besonderheit der Login Seite ist es, dass man die Login-Box mittels Theme Variablen positionieren kann.
| Variable | Erklärung | Optionen | Standard |
|---|---|---|---|
| login-box-alignment-horizontal | Die horizontale Ausrichtung der Login-Box auf der Seite | start (links), center (mitte), end (links) | center |
| login-box-alignment-vertical | Die vertikale Ausrichtung der Login-Box auf der Seite | start (oben), center (mitte), end (unten) | start |