Current Behavior

I noticed that the form input colors were all slightly different on my project:

I can also notice this on the Skeleton form input docs page as well: https://www.skeleton.dev/docs/tailwind/forms

Form input has a placeholder of color-surface-700-300

Form textarea has a placeholder of color-surface-800-200

Form input-group/ig-input has no set placeholder which causes it to be the default colors.gray.500 from base tailwind.

I also noticed there is a common placeholder component which uses color-surface-200-800.

Expected Behavior

Input fields have consistent placeholder colors.

Steps To Reproduce

Code snippet from screenshot:

<div class="flex flex-col gap-4">
	<input class="input" placeholder="Input" />
	<textarea class="textarea" placeholder="Textarea"></textarea>
	<div class="input-group">
		<input class="ig-input" placeholder="Input group" />
	</div>
</div>

Link to Reproduction / Stackblitz

No response

Environment Information

No response

More Information

No response