To install Tailwind CSS, you can use npm or yarn by running the following commands:

1. Using npm
   npm install tailwindcss
OR
2. Using yarn
   yarn add tailwindcss

To enable dark mode in Tailwind CSS, update your tailwind.config.js file with the darkMode option. You can choose between media or class.

Using class, the dark mode is enabled by adding a .dark class to an ancestor element of your components:

module.exports = {
  darkMode: 'class', // or 'media'
// ...
}

const plugin = require('tailwindcss/plugin')

module.exports = {
  plugins: [
    plugin(function({ addUtilities, addComponents, e, config }) {
      // Add your custom styles here
    }),
  ],
}

You can customize the tailwind.config.js file to override the default configuration options provided by Tailwind CSS:

module.exports = {
  purge: [],
  theme: {
    extend: {
      // ...
    },
  },
  variants: {},
  plugins: [],
}

Tailwind CSS generates responsive variants for most utilities. Default breakpoints are:

• sm: 640px
• md: 768px
• lg: 1024px
• xl: 1280px