在 Active Directory 同盟服務中使用 Azure AD UX Web 主題

AD FS 表單登入目前不會鏡像 Azure/O365 登入體驗。 為了為使用者提供更一致且順暢的體驗,我們發行了可套用至 AD FS 伺服器的下列級聯樣式表 web 主題。 目前,AD FS 的表單登入 Windows Server 2016 如下所示:

Current sign-in

使用新的樣式表單,使用者體驗看起來會更像 Azure 和 Office 365 的登入體驗。

下載 CSS 樣式表單

您可以從下列 Github 位置下載 web 主題。

啟用新的 web 主題

若要啟用新的 web 主題,請使用下列程式:

若要在 AD FS 中啟用新的 Azure AD UX web 主題

  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.aspx。 預設不會啟用此記錄。 若要啟用 iDPInitiatedsignon.aspx,請使用下列 PowerShell 命令: Set-AdfsProperties –EnableIdpInitiatedSignonPage $True

映射建議

啟用中央 UI 可讓您針對 Azure Active Directory 公司商標所擁有的背景和標誌,使用相同的影像。 一般來說,適用于大小、比率和格式的相同建議也適用。

Description 條件約束 建議
標誌會顯示在登入面板的上方。 透明 JPG 或 PNG
最大高度:36 像素
最大寬度:245 像素
請在這裡使用您組織的標誌。
使用透明的映像。 不要假設背景是白色。
請勿在映像中的標誌周圍加上邊框間距,否則您的標誌會看起來不成比例。

背景

Description 條件約束 建議
此選項會出現在登入頁面的背景中,錨定至可檢視空間的中心,並且會調整並裁切以填滿瀏覽器視窗。
在手機這類螢幕狹窄的裝置上,不會顯示此映像。
載入頁面時,會在這整個影像套用 0.55 不透明度的黑色遮罩。
JPG 或 PNG
映像尺寸:1920 x 1080 像素
檔案大小:< 300 KB

使用沒有強烈主題焦點的映像。 不透明的登入表單會出現在此影像的中央,並且可根據瀏覽器視窗的大小來覆蓋此影像的任何部分。
請將檔案大小維持在小型,以確保載入時間快速。

後續步驟