@shakibdshy/tailwind-theme v1.0.15

@shakibdshy/tailwind-theme

A Tailwind CSS plugin that provides a comprehensive theme system with predefined color palettes and utilities.

Installation

npm install @shakibdshy/tailwind-theme
# or
yarn add @shakibdshy/tailwind-theme
# or
pnpm add @shakibdshy/tailwind-theme

Usage

Add the plugin to your tailwind.config.js:

module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@shakibdshy/tailwind-theme/dist/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  plugins: [
    require('@shakibdshy/tailwind-theme')
  ],
}

This will add the following features to your Tailwind setup:

• Predefined color palettes (primary, secondary, neutral, success, error, warning, info)
• Dark mode support
• Extended typography scales
• Custom shadow utilities

Color System

The plugin includes a comprehensive color system with the following palettes:

• Primary: Teal-based palette
• Secondary: Lime-based palette
• Neutral: Cool gray palette
• Success: Green palette
• Error: Red palette
• Warning: Orange palette
• Info: Blue palette

Each color has variants from 50 to 950.

Dark Mode Support

The plugin includes built-in dark mode support. Enable it by adding the data-theme="dark" attribute to your HTML element.

License

MIT