Stretch Your Imagination and Build a Delightful Sign-In Experience
This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).
Learn how to customize Okta's Gen3 Sign-In Widget to match your brand identity. The guide covers using design tokens for styling, manipulating DOM elements with the afterTransform method, implementing custom fonts and color palettes, adding custom HTML elements, and restructuring the page layout with CSS Flexbox. Includes
Table of contents
Style the Okta Sign-In Widget to match your brandCustomize your Okta-hosted sign-in pageUnderstanding the Okta-hosted Sign-In Widget default codeCustomize the UI elements within the Okta Sign-In WidgetOrganize your Sign-In Widget customizations with CSS Custom propertiesExtending the SIW theme with a custom color paletteAdd custom HTML elements to the Sign-In WidgetOverriding Okta Sign-In Widget element stylesChange the layout of the Okta-hosted Sign-In pageCustomize your Gen3 Okta-hosted Sign-In WidgetSort: