Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(pages): recouple button theme to colorScheme and fix appearance for some logos in dark mode #12537

Merged

Conversation

EdmundDong
Copy link
Contributor

☕️ Reasoning

The theme of provider buttons do not comply with AuthConfig.theme.colorScheme and will instead comply with the system theme at all times. This PR recouples the button theme with the AuthConfig.theme.colorScheme configuration option.

This PR also inverts the colors of the following Provider logos in the dark theme to make them more visible (similar to #12379):

  • Patreon
  • Ping Identity
  • Roblox

Before:

colorScheme: auto colorScheme: dark colorScheme: light
system: dark pre colorScheme auto, mode dark pre colorScheme dark, mode dark pre colorScheme light, mode dark
system: light pre colorScheme auto, mode light pre colorScheme dark, mode light pre colorScheme light, mode light

After:

colorScheme: auto colorScheme: dark colorScheme: light
system: dark post colorScheme auto, mode dark post colorScheme dark, mode dark post colorScheme light, mode dark
system: light post colorScheme auto, mode light post colorScheme dark, mode light post colorScheme light, mode light

🧢 Checklist

  • Documentation
  • Tests
  • Ready to be merged

🎫 Affected issues

📌 Resources

Copy link

vercel bot commented Jan 23, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
auth-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 2, 2025 10:18am
1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
next-auth-docs ⬜️ Ignored (Inspect) Visit Preview Feb 2, 2025 10:18am

Copy link

vercel bot commented Jan 23, 2025

@EdmundDong is attempting to deploy a commit to the authjs Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Member

@ThangHuuVu ThangHuuVu left a comment

Choose a reason for hiding this comment

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

sweet improvements, thanks @EdmundDong

Copy link

codecov bot commented Feb 2, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 39.42%. Comparing base (63fdab1) to head (71b2b01).
Report is 1 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #12537      +/-   ##
==========================================
- Coverage   39.43%   39.42%   -0.01%     
==========================================
  Files         198      198              
  Lines       31288    31285       -3     
  Branches     1370     1376       +6     
==========================================
- Hits        12337    12334       -3     
  Misses      18951    18951              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@ThangHuuVu ThangHuuVu merged commit b0f1538 into nextauthjs:main Feb 2, 2025
13 of 15 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
core Refers to `@auth/core`
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants