Customizing the ADFS sign in page with the new sign in experience

This is how you can update or customise ADFS theme to match the new Azure AD Signin Experience, as per this Microsoft article. Even with ADFS 4.0 on Windows Server 2016, the ADFS sign in page is still the old style. But, using the files found here you can modify your ADFS theme to match the layout of the new Azure sign in screen, as well as adding your custom branding.

The files and high-level instructions are here:

Customization instructions

  • Download the ThemeCenterBrand.css file to your AD FS server, e.g. C:\temp\.
    Note: It is recommended that you minify your CSS for a production environment.
  • Create a custom web theme using the following command in PowerShell:
New-AdfsWebTheme –Name custom -SourceName default –StyleSheet @{path="c:\temp\ThemeCenterBrand.css"}

Apply the new custom web theme:

Set-AdfsWebConfig -ActiveThemeName custom

Change the logo

Set-AdfsWebTheme -TargetName custom -Logo @{path="c:\temp\logo.png"}

Change the background:

Set-AdfsWebTheme -TargetName custom -Illustration @{path="c:\temp\mountains.jpg"}

And that’s it! Here you can see the difference. Note that once you have imported the files, you can remove them from the temp folder.




This also shows in Office or other applications (when SSO is not able to automatically sign you in).

Posted in ADFS, Office 365

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.