Switch to newyork

[thunder-007]

I installed the project with default theme now I want to switch to new york what can I do.

[pippinmole]

click on Customize, and choose New York. Then, click on Copy Code and copy and paste the code into your CSS file.

This won't affect the button heights, etc. You need to:

1. Go into your components.json file, and change style from default to new-york.
2. Run the CLI tool to import each component again, choosing yes to override the component with the new-york style:

> npx shadcn-ui@latest add button

√ Component button already exists. Would you like to overwrite? ... yes
✔ Done.

[thunder-007]

@pippinmole Thanks bro

[kgeekInCominty]

Go to https://ui.shadcn.com/themes and click on Customize, and choose New York. Then, click on Copy Code and copy and paste the code into your CSS file.

Yeah but you need as well to reinstall the component to override it

[rahulgawale]

You need to add --overwrite flag to reinstall the components

for example:
npx shadcn-ui@latest add button --overwrite

[gnomegl]

If you're on Linux or Mac you can use this to iterate and update all of the file names in your ui folder:

npx shadcn-ui@latest add src/components/ui/*(:t:r) --overwrite

[joeblau]

If you're on Linux or Mac you can use this to iterate and update all of the file names in your ui folder:

npx shadcn-ui@latest add src/components/ui/*(:t:r) --overwrite

update:

npx shadcn@latest add src/components/ui/*(:t:r) --overwrite

[memben]

The glob syntax did not work for me, this however worked like a charm for me :):

for component in src/components/ui/*; do
  npx shadcn@latest add $(basename $component .tsx) --overwrite
done