Skip to content

Serveral improvements to support custom theming better#706

Merged
timbastin merged 1 commit intomainfrom
fix/custom-theming
Apr 25, 2026
Merged

Serveral improvements to support custom theming better#706
timbastin merged 1 commit intomainfrom
fix/custom-theming

Conversation

@seb-kw
Copy link
Copy Markdown
Member

@seb-kw seb-kw commented Apr 24, 2026

No description provided.

Signed-off-by: Sebastian Kawelke <sebastian.kawelke@l3montree.com>
Copilot AI review requested due to automatic review settings April 24, 2026 10:54
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves custom theming hooks and layout behavior in the authentication-related UI by adding stable DOM anchors (ids) and making SSO button layout responsive to the number of providers.

Changes:

  • Enhance Ory SSO button/root overrides to support per-provider layout (full-width for single provider, equal split for two providers) and allow passing through custom className.
  • Add stable id attributes to several shared UI surfaces (grid pattern edges, footer, and the container scene wrapper) to make custom theming / targeting easier.

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
File Description
src/components/ory/overrides.tsx Adds className support to SSO buttons and adjusts SSO root layout based on provider count.
src/components/misc/FourSideGridPattern.tsx Adds ids to the 4 fixed grid-edge elements for easier styling/targeting.
src/components/misc/Footer.tsx Adds an id to the footer element for theming/targeting.
src/app/verification/page.tsx Adds an id to the container scene wrapper for theming/targeting.
src/app/registration/page.tsx Adds an id to the container scene wrapper for theming/targeting.
src/app/recovery/page.tsx Adds an id to the container scene wrapper for theming/targeting.
src/app/login/page.tsx Adds an id to the container scene wrapper for theming/targeting.
src/app/accept-invitation/page.tsx Adds an id to the container scene wrapper for theming/targeting.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@timbastin timbastin merged commit dbe02a1 into main Apr 25, 2026
22 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants