Skip to content

feat: auth0 ul theme tokens, tailwind-merge utility addition#19

Merged
amberkamboj77 merged 3 commits intomainfrom
feat/ul-design-tokens
Jul 8, 2025
Merged

feat: auth0 ul theme tokens, tailwind-merge utility addition#19
amberkamboj77 merged 3 commits intomainfrom
feat/ul-design-tokens

Conversation

@amberkamboj77
Copy link
Contributor

@amberkamboj77 amberkamboj77 commented Jul 7, 2025

📝 Description

Auth0 sample will support 45+ customizations avaiable from tenant level configurations. This is powered by Auth0 ACUL JS sdk, applyAuth0Theme utility function updates all Auth0 branding tokens in index.css with Auth0 tenant branding details. This ensures we can customize our components with Auth0 tenant branding settings using tailwind.

acul theme flow

📘 Note:

This PR is intended to only update CSS variables on DOM from Auth0 branding. Actual changes in UI components will be addressed in a later PR.

♻️ Changes

  1. Addition of semantic tailwind naming (Ex: --radius-input, --radius-button ..)
  2. Used tailwind-merge cn utility and removed custom cn utility.
  3. Fixes and cleaned tsconfig files.
  4. Fixed theme flatter to correct values for auth0 tenant branding.

🧪 Testing

  1. Run a quick start application.
  2. Configure it to run with your custom domain.
  3. Inspect DOM variables to check updated value in root UL.

Auth0 Tenant Branding
Screenshot 2025-07-07 at 3 51 14 PM

ACUL Sample Login ID screen (with updated DOM Variables)
Screenshot 2025-07-07 at 4 12 40 PM

📘 Note

Ensure that when we are configuring screens in advanced mode, branding.themes.default , branding.settings optional_configurations are enabled

📘 Note

Abbreviation: ACUL stands for Advanced Customization Universal Login.

Co-authored-by: Vishnu Singh <vishnusingh1729@gmail.com>
@amberkamboj77 amberkamboj77 merged commit dd77c4c into main Jul 8, 2025
2 checks passed
@amberkamboj77 amberkamboj77 deleted the feat/ul-design-tokens branch July 8, 2025 10:24
grandmaester pushed a commit that referenced this pull request Jul 8, 2025
* feat: auth0 ul theme tokens, tailwind-merge utility addition

* fix: addition of legacy variables

* fix: themeEngine utility documentation update

Co-authored-by: Vishnu Singh <vishnusingh1729@gmail.com>

---------

Co-authored-by: Vishnu Singh <vishnusingh1729@gmail.com>
amberkamboj77 added a commit that referenced this pull request Sep 23, 2025
* ci: claude code review

* fix: update workflow

* ci: pull request review
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