Skip to content

[bug]: Default placeholder value too contrasty #7565

@Wolfr

Description

@Wolfr

Describe the bug

Image
Left: placeholder that is more muted - Right: as-is - looks like a filled in value to me

This might just be a design opinion - but I feel that the placeholder in inputs doesn't really feel like a placeholder. With the visual weight it has it could be construed as a value.

If we use neutral-400 from the Tailwind palette instead of neutral-500, it is fixed imo. But, this also ties into theming: at that point in the code, the muted-foreground variable is used (placeholder:text-muted-foreground).

I can't seem to find out where to change this within the defaults of shadcn.

I am also not sure if making that value lighter will propagate negatively in other places.

Affected component/components

Input

How to reproduce

  1. Go to input.tsx
  2. Change placeholder:text-muted-foreground to placeholder:text-neutral=400
  3. Observe the difference

Codesandbox/StackBlitz link

No response

Logs

/

System Info

/

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions