saadeghi / daisyui

๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ โ€ƒThe most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
34.27k stars 1.31k forks source link

bug: Divider from tailwindcss has inconsistent color #2737

Closed ogesaku closed 10 months ago

ogesaku commented 10 months ago

What version of daisyUI are you using?

v4.0.5

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://jsbin.com/macimotuno/edit?html,output

Describe your issue

Divider from wailwindcss (divide-y) has has different color than the base text color.

github-actions[bot] commented 10 months ago

Thank you @ogesaku for reporting issues. It helps daisyUI a lot ๐Ÿ’š
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

saadeghi commented 10 months ago

It uses the default border color and don't change the default border color because it may break existing layouts.

You can set the divide color using divide-* color utility class. like divide-base-content:
https://play.tailwindcss.com/DU7T6h4NnH

Let me know if you have a question.

ogesaku commented 10 months ago

Perfect, thanks.