program-pastel

cat tailwind.config.js
{
  daisyui: {
    themes: [{
      program-pastel: {
        "primary":           "#A78BFA"
,
        "primary-content":   "#F8F4FF"
,
        "secondary":         "#7C3AED"
,
        "secondary-content": "#EDE9FE"
,
        "accent":            "#C084FC"
,
        "accent-content":    "#F3ECFF"
,
        "neutral":           "#64748B"
,
        "neutral-content":   "#F8FAFC"
,
        "base-100":          "#F9FAFB"
,
        "base-200":          "#E5E7EB"
,
        "base-300":          "#CBD5E1"
,
        "base-content":      "#1E293B"
,
      },
    }],
  },
}
#64748B
#A78BFA
#7C3AED
#C084FC
#818CF8
#22C55E
#EAB308
#F43F5E
#F9FAFB
#E5E7EB
#CBD5E1

How to add a custom daisyUI theme?

Showcase

Default Primary Secondary Accent Info Success Warning Error
I'm a simple link I'm a simple link I'm a simple link I'm a simple link
Default Primary Secondary Accent Info Success Warning Error
Total Page Views
89,400
21% more than last month
60%
75%
90%
Text Size 1
Text Size 2
Text Size 3
Text Size 4
Text Size 5
Text Size 6
Text Size 7
  • Step 1
  • Step 2
  • Step 3
  • Step 4
12 unread messages. Tap to see.
New software update available.
Your purchase has been confirmed!
Warning: Invalid email address!
Error! Task failed successfully.

DressDaisy is not associated with daisyUI

🔨 with ❤️ by Max ShipIt