Related

Arbitrary Values

tailwindcss

Use values outside theme

Initialize Tailwind

tailwindcss

Create default config file

Configure PurgeCSS

tailwindcss

Set content paths

tailwindcss/config-theme

Extend Theme

Customize theme values

config
customization

Explanation

Extends default theme with custom values in tailwind.config.js

Examples

Add custom color

// tailwind.config.js
  module.exports = {
    theme: {
      extend: {
        colors: {
          'brand-blue': '#1992d4'
        }
      }
    }
  }

More

Custom Colors

tailwindcss

Add custom color palette

Custom Spacing

tailwindcss

Add custom spacing scale

Dark Mode

tailwindcss

Implement dark theme