Azure Entra External ID Custom CSS queries

Harry Lu 0 Reputation points
2024-10-15T23:07:33.6966667+00:00

Hi Microsoft Team,

We are in the process of implementing a custom dark mode sign-in process to align with our website branding using Azure Entra External ID. While configuring the custom CSS, we encountered a few styling elements that seem difficult to modify, and we’d like your guidance on how to proceed.

Input Placeholder Styling:

  • In the screenshot attached, is it possible to change the color of the input placeholder text? If so, what is the recommended way to achieve this using custom CSS for the sign-in form?
  • Additionally, when users encounter an error with their entry, can we modify the border color of the input field to match the error message color (as shown above)?

User's image

Identity Banner Styling:

  • For the identity banner (screenshot attached), can we modify the background color using custom CSS? If yes, could you guide us on how to achieve this?

User's image

Class Inconsistency on Reset Password Page:

  • In the reset password page, the elements for the title and boilerplate text are structured differently compared to the sign-in and sign-up pages. The reset page lacks the ext-boilerplate-text class (it only uses boilerplate-text), making it difficult to style this page consistently with our other pages, as we only target elements with the ext- prefix.
  • Is this difference in class names by design, or could it be an oversight? If intentional, what would be the best way to ensure consistent styling across all pages?

User's image

User's image

We appreciate your support in resolving these issues and aligning the user experience with our brand. Screenshots are attached for reference.

Microsoft Entra External ID
Microsoft Entra External ID
A modern identity solution for securing access to customer, citizen and partner-facing apps and services. It is the converged platform of Azure AD External Identities B2B and B2C. Replaces Azure Active Directory External Identities.
2,907 questions
Microsoft Entra ID
Microsoft Entra ID
A Microsoft Entra identity service that provides identity management and access control capabilities. Replaces Azure Active Directory.
22,076 questions
0 comments No comments
{count} vote

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.