search

saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
33.07k stars 1.26k forks source link

bug: Skeleton not visible enough under dark themes #2619

Open hughlv opened 9 months ago

hughlv commented 9 months ago

What version of daisyUI are you using?

v4.4.14

Which browsers are you seeing the problem on?

Edge

Reproduction URL

https://daisyui.com/components/skeleton/

Describe your issue

Skeleton component works well under light themes, but not so visible under dark themes.

I attached one screenshot from official documentation with theme 'night'. It can barely be seen. It would be great if we can set the background color such as bg-base-content/50 to make it visible while blending with background.

image
github-actions[bot] commented 9 months ago

Thank you @hughlv 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.

hughlv commented 9 months ago

Adding following custom style in global.css can improve the situation a little bit:

.skeleton {
  @apply bg-base-content/10;
}