Shadcn Custom Theme

screenshot of Shadcn Custom Theme
tailwind

This tool generate a custom theme similar to the ones created by the [shadcn/ui Themes website](https://ui.shadcn.com/themes). You can specify the primary, secondary, accent, and gray colors. The color name should be one of the default Tailwind color names (e.g. red, green, blue, indigo, etc.)

Overview

The shadcn-custom-theme tool generates a custom theme similar to the ones created by the shadcn/ui Themes website. It allows users to specify primary, secondary, accent, and gray colors for their theme. The primary color is required, while the rest default to Tailwind gray. By using this tool, users can generate CSS variables that can be inserted into their global.css file.

Features

  • Custom Theme Generation: Users can generate a custom theme with specified primary, secondary, accent, and gray colors.
  • Color Specification: Colors can be specified using default Tailwind color names, such as red, green, blue, indigo, etc.
  • Template Customization: Users can provide a TEMPLATE.json file to override the default theme template.

Summary

The shadcn-custom-theme tool allows users to generate custom themes for their websites, similar to the ones created by the shadcn/ui Themes website. Users can specify primary, secondary, accent, and gray colors, and the tool will output the necessary CSS variables for the theme. It also provides the option to customize the theme template by providing a TEMPLATE.json file. Overall, this tool offers a convenient way to generate personalized themes for websites.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.