daisyUI_bootstrap5

Bootstrap 5 components re-themed using the daisyUI color system.

This project adapts Bootstrap 5’s variables, components, and states to visually match daisyUI’s color schemes, allowing you to keep Bootstrap’s layout, utilities, and ecosystem while benefiting from daisyUI’s modern, semantic color design.

---

✨ Features

• daisyUI-inspired color schemes applied to Bootstrap 5
• Consistent theming across components (buttons, forms, alerts, etc.)
• Sass-based overrides for easy customization
• Works with standard Bootstrap 5 build pipelines
• No JavaScript changes required

---

🎨 Why daisyUI?

daisyUI provides a semantic, theme-driven color system (primary, secondary, accent, success, warning, etc.) designed for clarity, accessibility, and rapid UI development.
This project brings that philosophy to Bootstrap 5 without requiring Tailwind CSS.

---

📦 Requirements

• Bootstrap 5 (source Sass)

🎭 Theming

The project maps Bootstrap variables to daisyUI-style semantic colors:

• primary
• secondary
• accent
• neutral
• success
• warning
• error

You can override any theme value before importing Bootstrap:

$primary: #570df8;
$secondary: #f000b8;
$accent: #37cdbe;

---

🧩 Scope

✔ Color variables ✔ Component states ✔ Utilities ✔ Forms & buttons

❌ Tailwind utilities ❌ daisyUI JavaScript behavior

This project focuses only on visual theming, not component logic.

---

🧪 Status

🚧 Work in progress

---

📜 License

MIT License Bootstrap and daisyUI are trademarks of their respective owners.

---

🤝 Contributing

Pull requests and suggestions are welcome. If you spot inconsistencies between Bootstrap components and daisyUI color semantics, feel free to open an issue.

---

💡 Related Projects

• Bootstrap 5 — https://getbootstrap.com
• daisyUI — https://daisyui.com
• website of the project - https://novusteck.com/daisyUI_bootstrap5/

Enjoy Bootstrap with daisyUI vibes 🌼