Como usar um tema da Web da experiência do usuário do Microsoft Entra nos Serviços de Federação do Active Directory

Atualmente, a entrada de formulários do AD FS não espelha a experiência de entrada do Azure/do O365. Para fornecer uma experiência mais uniforme e perfeita para os usuários finais, lançamos o tema da Web de folha de estilos em cascata a seguir que pode ser aplicado aos seus servidores do AD FS. Atualmente, a entrada de formulários do AD FS no Windows Server 2016 tem a seguinte aparência:

Current sign-in

Com a nova folha de estilos, a experiência do usuário ficará mais parecida com as experiências de entrada do Azure e do Office 365.

Baixar a folha de estilos CSS

Baixe o tema da Web do local do GitHub a seguir.

Como habilitar o novo tema da Web

Para habilitar o novo tema da Web, use o seguinte procedimento:

Para habilitar o novo tema da Web da experiência do usuário do Microsoft Entra no AD FS

  1. Inicie o PowerShell como Administrador
  2. Crie um tema da Web usando o PowerShell: New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"}
  3. Defina o novo tema como o tema ativo usando o PowerShell: Set-AdfsWebConfig -ActiveThemeName customPowerShell
  4. Teste a entrada acessando https://<nome.domíno do AD FS>/adfs/ls/idpinitiatedsignon.htm Sign-on

![NOTE] Você precisa verificar se o idpinitiatedsignon foi habilitado. Ele não está habilitado por padrão. Para habilitar o idpinitiatedsignon, use o seguinte comando do PowerShell: Set-AdfsProperties –EnableIdpInitiatedSignonPage $True

Recomendações sobre imagens

A habilitação da interface do usuário centralizada permite que você use as mesmas imagens para a tela de fundo e o logotipo que talvez você já tenha para a identidade visual da empresa do Microsoft Entra. Em geral, as mesmas recomendações de tamanho, proporção e formato se aplicam.

Descrição Restrições Recomendações
O logotipo é exibido na parte superior do painel de logon. JPG ou PNG transparente
Altura máxima: 36 px
Largura máxima: 245 px		 Use o logotipo da sua organização aqui.
Use uma imagem transparente. Não suponha que a tela de fundo será branca.
Não adicione preenchimento ao redor de seu logotipo na imagem ou seu logotipo parecerá desproporcionalmente pequeno.

Tela de fundo

Descrição Restrições Recomendações
Essa opção é exibida na tela de fundo da página de entrada, é ancorada no centro do espaço visível e é dimensionada e cortada para preencher a janela do navegador.
Em telas estreitas, como celulares, a imagem não é mostrada.
Uma máscara preta com opacidade de 0,55 é aplicada sobre essa imagem quando a página é carregada.		 JPG ou PNG
Dimensões da imagem: 1920 x 1080 px
Tamanho do arquivo: < 300 KB
Use imagens que não possuam um foco forte no assunto. O formulário de entrada opaco é exibido no centro dessa imagem e pode abranger qualquer parte da imagem, dependendo do tamanho da janela do navegador.
Mantenha o tamanho do arquivo pequeno para garantir tempos de carregamento rápidos.

Próximas etapas