nextauthjs
fix: add provider/adpaters logos in dark mode
☕️ Reasoning
The icons were breaking in dark mode because their dark colors didn’t provide enough contrast.
🧢 Checklist
- [x] Documentation
- [x] Tests
- [x] Ready to be merged
📌 Resources
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 | Jun 22, 2024 10:03am |
1 Ignored Deployment
| Name | Status | Preview | Comments | Updated (UTC) |
|---|---|---|---|---|
| next-auth-docs | ⬜️ Ignored (Inspect) | Visit Preview | Jun 22, 2024 10:03am |
![vercel[bot] avatar](https://avatars.githubusercontent.com/in/8329?v=4 "Published by a pub.dev verified publisher"){kind=small}
@dhairyathedev is attempting to deploy a commit to the authjs Team on Vercel.
A member of the Team first needs to authorize it.
Can you provide a screenshot? Where do you mean it was breaking exactly?
Were trying to avoid maintaining two copies of each logo
One example is https://authjs.dev/getting-started/authentication/oauth where the GitHub and Okta logo is not visible in dark mode. There are lots of logos in providers list where the image is not visible in dark mode.
Were trying to avoid maintaining two copies of each logo
Actually I tried changing the fill color using tailwind css, but it is not possible to change the fill color of path in svg when rendered using img tag. The solution to this issue, is to use SVG directly in the code or creating seperate variant for dark mode.
If you know a better way then please let me know.
