themesberg / flowbite-react

Official React components built for Flowbite and Tailwind CSS
https://flowbite-react.com
MIT License
1.77k stars 395 forks source link

"Doughnut" in Timeline.Point when the background is not bg-white dark:bg-gray-900 #1303

Open victorfunes opened 3 months ago

victorfunes commented 3 months ago

Steps to reproduce

Timeline.Point ring is not transparent

Current behavior

Now the ring of the timeline points is set to white and gray-900 in dark mode, there is a kind of "doughnut" surrounding the point if the background has a different color:

image

Here you will see your default theme settings in v0.7.3:

wrapper:
            'absolute -left-3 flex h-6 w-6 items-center justify-center rounded-full bg-cyan-200 ring-8 ring-white dark:bg-cyan-900 dark:ring-gray-900',

Expected behavior

By default I would expect the ring to be ring-transparent in both modes: dark and light.

P.D: if you could also take a look to solve this would be great: https://github.com/themesberg/flowbite-react/issues/1196 Thanks in advance!!!