github-starred/better-auth
2
0
Fork 0
mirror of https://github.com/better-auth/better-auth.git synced 2026-05-22 22:32:01 -05:00
Code Issues 2.5k Packages Projects Releases 112 Wiki Activity

[GH-ISSUE #8774] Inconsistent Form Field Styling on Enterprise Page (Dropdown Contrast Issue) #28510

New Issue
Closed
opened 2026-04-17 19:57:57 -05:00 by GiteaMirror · 1 comment
GiteaMirror commented 2026-04-17 19:57:57 -05:00
Owner
Copy Link

Originally created by @Prakash21singh on GitHub (Mar 25, 2026).
Original GitHub issue: https://github.com/better-auth/better-auth/issues/8774

Originally assigned to: @bytaesu on GitHub.

Is this suited for github?

  • Yes, this is suited for github

To Reproduce

  1. Checkout better-auth home page
  2. Go to enterprise page
  3. Within the form fields, Click on select company size

Current vs. Expected behavior

Image

On the Enterprise page form, the company size dropdown does not follow the applied dark theme styling. When the dropdown is opened: The options list renders with a light/white background The text inside options appears white or low-contrast, making it hard to read The hover state shows the default blue highlight, which is inconsistent with the overall dark UI Dropdown options should: Follow the dark theme background Maintain proper text contrast (readable) Use a theme-consistent hover state (not default system blue) What version of Better Auth are you using? 1.3.8 System info { "system": { "platform": "win32", "arch": "x64", "version": "Windows 11 Home Single Language", "release": "10.0.26200", "cpuCount": 12, "cpuModel": "AMD Ryzen 5 5600H with Radeon Graphics ", "totalMemory": "13.86 GB", "freeMemory": "3.62 GB" }, "node": { "version": "v22.20.0", "env": "development" }, "packageManager": { "name": "npm", "version": "10.3.0" }, "frameworks": null, "databases": null, "betterAuth": { "version": "Unknown", "config": null } } Which area(s) are affected? (Select all that apply) Client Auth config (if applicable) import { betterAuth } from "better-auth" export const auth = betterAuth({ emailAndPassword: { enabled: true }, }); Additional context No response

Originally created by @Prakash21singh on GitHub (Mar 25, 2026). Original GitHub issue: https://github.com/better-auth/better-auth/issues/8774 Originally assigned to: @bytaesu on GitHub. ### Is this suited for github? - [x] Yes, this is suited for github ### To Reproduce 1. Checkout better-auth home page 2. Go to enterprise page 3. Within the form fields, Click on select company size ### Current vs. Expected behavior <img width="1919" height="967" alt="Image" src="https://github.com/user-attachments/assets/34c79164-8ae9-46db-8d0f-a6cda7488e3d" /> On the Enterprise page form, the company size <select> dropdown does not follow the applied dark theme styling. When the dropdown is opened: The options list renders with a light/white background The text inside options appears white or low-contrast, making it hard to read The hover state shows the default blue highlight, which is inconsistent with the overall dark UI Dropdown options should: Follow the dark theme background Maintain proper text contrast (readable) Use a theme-consistent hover state (not default system blue) ### What version of Better Auth are you using? 1.3.8 ### System info ```bash { "system": { "platform": "win32", "arch": "x64", "version": "Windows 11 Home Single Language", "release": "10.0.26200", "cpuCount": 12, "cpuModel": "AMD Ryzen 5 5600H with Radeon Graphics ", "totalMemory": "13.86 GB", "freeMemory": "3.62 GB" }, "node": { "version": "v22.20.0", "env": "development" }, "packageManager": { "name": "npm", "version": "10.3.0" }, "frameworks": null, "databases": null, "betterAuth": { "version": "Unknown", "config": null } } ``` ### Which area(s) are affected? (Select all that apply) Client ### Auth config (if applicable) ```typescript import { betterAuth } from "better-auth" export const auth = betterAuth({ emailAndPassword: { enabled: true }, }); ``` ### Additional context _No response_
GiteaMirror added the docsbug labels 2026-04-17 19:57:57 -05:00
GiteaMirror commented 2026-04-17 19:57:58 -05:00
Author
Owner
Copy Link

@bytaesu commented on GitHub (Mar 25, 2026):

Hi @Prakash21singh,

hmm.. it's native select. let me check 🤔

But we should improve form actually

Image
<!-- gh-comment-id:4130225821 --> @bytaesu commented on GitHub (Mar 25, 2026): Hi @Prakash21singh, hmm.. it's native select. let me check 🤔 But we should improve form actually <img width="715" height="590" alt="Image" src="https://github.com/user-attachments/assets/9508f86d-bd10-4f2d-922c-0488383ab2fa" />
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
adapter
astro
awaiting external contributor
blocked
breaking
breaking change
bug
c-devops
core
credentials
database
dependencies
devops
devtools
docs
documentation
duplicate
elysia
enhancement
enterprise
expo
express
fastify
good first issue
help wanted
hono
identity
infra
integration
invalid
javascript
locked
maintenance
need-more-information
needs: info
needs: repro
nextjs
nuxt
oauth
organization
P0
payments
perf
platform
plugin
pull-request
Mirrored from GitHub Pull Request
 question
ready
regression
remix
security
social-provider
solid
stale
svelte
tanstack-start
tracking
version-bump
vue
wontfix
No Label bug docs
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/better-auth#28510
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?