diff --git a/.changeset/clean-knives-sit.md b/.changeset/clean-knives-sit.md new file mode 100644 index 00000000000..982f0fa9049 --- /dev/null +++ b/.changeset/clean-knives-sit.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Set input primitive placeholder color. diff --git a/packages/clerk-js/src/ui/primitives/Input.tsx b/packages/clerk-js/src/ui/primitives/Input.tsx index 54217d4a3f3..d57a3c2e01a 100644 --- a/packages/clerk-js/src/ui/primitives/Input.tsx +++ b/packages/clerk-js/src/ui/primitives/Input.tsx @@ -31,6 +31,9 @@ const { applyVariants, filterProps } = createVariants((theme, props) => ({ ':autofill': { animationName: 'onAutoFillStart', }, + '::placeholder': { + color: theme.colors.$colorTextSecondary, + }, }, variants: { variant: {