How can I get a transition between dark and light mode

[dearfrankg]

I would like the dark mode to fade to light mode and visa versa.

I tried adding this CSS

html {
  @apply transition-colors ease-in-out duration-700;
}

After adding that CSS my header text will delay the color changes, but the bg-color change happens instantly.

[PixeledCode]

A reproducible on Codesandbox might help. Just to test, does using transition-all help?

[dearfrankg]

A reproducible on Codesandbox might help. Just to test, does using transition-all help?

Did not help

[modyabhi]

Been trying to figure this out aswell for the last few days, same issue here. On refresh its scuffed aswell.

[mohiwalla]

Did you guyz find any solution yet?