在 Azure AD UX Web 主题Active Directory 联合身份验证服务

AD FS窗体登录当前不反映 Azure/O365 登录体验。 为了为最终用户提供更统一的无缝体验,我们发布了以下级联样式表 Web 主题,该主题可应用于 AD FS 服务器。 目前,AD FS登录Windows Server 2016如下所示:

Current sign-in

借助新样式表,用户体验将更像 Azure,Office 365登录体验。

下载 CSS 样式表

可以从以下 Github 位置下载 Web 主题

启用新的 Web 主题

若要启用新的 Web 主题,请使用以下过程:

若要在 UX Azure AD中启用新的 UX web AD FS

  1. 以管理员角色启动 PowerShell
  2. 使用 PowerShell 创建新的 Web 主题: New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"}
  3. 使用 PowerShell 将新主题设置为活动主题: Set-AdfsWebConfig -ActiveThemeName customSet-AdfsWebConfig -ActiveThemeName custom
  4. 若要测试登录,请 https:// AD FS < name.domain > /adfs/ls/idpinitiatedsignon.htm <

![注意]需要确保已启用 idpinitiatedsignon。 默认情况下不启用该日志。 若要启用 idpinitiatedsignon,请使用以下 PowerShell 命令: Set-AdfsProperties –EnableIdpInitiatedSignonPage $True

图像推荐

启用居中 UI 后,你可以将相同的图像用于背景和徽标,而你可能已有这些图像用于Azure Active Directory品牌。 通常,对大小、比率和格式的相同建议也适用。

描述 约束 建议
徽标显示在登录面板的顶部。 透明 JPG 或 PNG
最大高度:36 px
最大宽度:245 px
在此处使用组织的徽标。
使用透明图像。 不要假定背景为白色。
请勿在映像中的徽标周围添加填充,否则徽标看起来会很小。

背景

描述 约束 建议
此选项显示在登录页的背景中,定位在可视空间的中心,并可通过缩放和裁剪来适应浏览器窗口。
在诸如手机这类窄屏上,将不会显示此图像。
当页面加载时,将对此图像应用一个不透明度为 0.55 的黑色蒙板。
JPG 或 PNG
图像尺寸:1920x1080 px
文件大小:< 300 KB

在没有鲜明主题的位置处使用图像。 不透明的登录窗体出现在此图像的中心之上,可以覆盖图像的任何部分,具体取决于浏览器窗口的大小。
请使该文件保持较小,以确保快速加载。

后续步骤