ADFS: Theme-Anpassung an New Azure Sign-In Experience
Microsoft hat Mitte Juni begonnen die “New Sign-In Experience” in Azure AD für alle Kunden-Tenants auszurollen.
Mit der neuen Anmeldeoberfläche wurde auch ein neues ADFS-Theme angekündigt. Leider wurde nicht vermerkt wann und wo dieses Theme verfügbar sein soll – wer einen Blick zu GitHub wirft, wird fündig.
Das neue Theme für die “centeredUI” kann aus dem Repo bezogen werden:
https://github.com/Microsoft/adfsWebCustomization/tree/master/centeredUi
Nachdem der Download abgeschlossen ist, können wir das Theme am ADFS aktivieren. Dazu legen wir die Dateien auf dem primären ADFS-Server ins Verzeichnis
C:\temp\centeredUI
Anschließend benötigen wir die PowerShell im Administrator-Kontext und führen folgendes Skript aus
#create new theme named centeredUI
New-AdfsWebTheme -Name "centeredUI" -SourceName default
#replace default stylesheet with new sign in experience CSS
Set-AdfsWebTheme -TargetName "centeredUI" -StyleSheet @{path="C:\temp\centeredUI\ThemeCenterBrand.css"}
#replace default onload.js with paginatedonload.js
Set-AdfsWebTheme -TargetName "centeredUI" -AdditionalFileResource @{uri="/adfs/portal/script/onload.js";path="C:\temp\centeredUI\paginatedOnload.js"}
#set new theme as active webtheme
Set-AdfsWebConfig -ActiveThemeName "centeredUI"
et voilà
Wem das neue Design noch nicht ganz schmeckt, der kann die bekannten Anpassungen am Theme (Logo, Illustration, …) weiterhin durchführen. Das Handling bleibt dabei gleich, analog zum alten Theme-Layout:
