在 Active Directory 联合身份验证服务中使用 Microsoft Entra UX Web 主题
AD FS 表单登录当前不镜像 Azure/O365 登录体验。 为了为最终用户提供更统一和无缝的体验,我们发布了以下可应用于 AD FS 服务器的级联样式表 Web 主题。 目前,Windows Server 2016 上 AD FS 的表单登录如下所示:
通过新样式表,用户体验将更像 Azure 和 Office 365 登录体验。
下载 CSS 样式表
可以从以下 Github 位置下载 Web 主题。
启用新的 Web 主题
若要启用新的 Web 主题,请使用以下过程:
在 AD FS 中启用新的 Microsoft Entra UX Web 主题
- 以管理员身份启动 PowerShell
- 使用 PowerShell 创建新的 Web 主题:
New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"}
- 使用 PowerShell 将新主题设置为活动主题:
Set-AdfsWebConfig -ActiveThemeName custom
- 通过转到 https://<AD FS name.domain>/adfs/ls/idpinitiatedsignon.htm 来测试登录
![注意]需要确保已启用 idpinitiatedsignon。 默认情况下不启用该日志。 若要启用 idpinitiatedsignon,请使用以下 PowerShell 命令:
Set-AdfsProperties –EnableIdpInitiatedSignonPage $True
图像建议
通过启用居中 UI,可以使用与 Microsoft Entra 公司品牌相同的背景和徽标图像。 通常,同样的大小、比例和格式建议也适用。
徽标
说明 | 约束 | 建议 |
---|---|---|
徽标显示在登录面板顶部。 | 透明 JPG 或 PNG 最大高度:36 px 最大宽度:245 px |
在此处使用组织的徽标。 使用透明图像。 请勿假设背景为白色。 请勿在映像中的徽标周围添加填充,否则徽标看起来会很小。 |
背景
说明 | 约束 | 建议 |
---|---|---|
此选项显示在登录页的背景中,定位在可视空间的中心,并可通过缩放和裁剪来适应浏览器窗口。 在诸如手机这类窄屏上,将不会显示此图像。 当页面加载时,将对此图像应用一个不透明度为 0.55 的黑色蒙板。 |
JPG 或 PNG 图像尺寸:1920x1080 px 文件大小:< 300 KB |
在没有鲜明主题的位置处使用图像。 不透明的登录窗体出现在此图像的中心之上,可以覆盖图像的任何部分,具体取决于浏览器窗口的大小。 请使该文件保持较小,以确保快速加载。 |