Theming

SaaSKits is built on top of ShadCN UI and Tailwind CSS.

You can customize the theme by editing the app/tailwind.css file.

Customization

You can pick any of the themes from ShadCN UI and apply it to your app.

You can copy the code from the theme page and paste it in the app/tailwind.css file.

@tailwind base;
@tailwind components;
@tailwind utilities;
 
/* ShadCN theme starts */
 
/* ShadCN theme ends */

Replace the content between /* ShadCN theme starts */ and /* ShadCN theme ends */ with the theme code.

For adding more customizations, you can use the Tailwind CSS classes.