I'm not sure if this is an issue but it looks like...

# kobweb

[Ahmed Riyadh]

I'm not sure if this is an issue but it looks like the JS code is being executed after the index.html on production mode, which loads light first (which is set in the generated index.html) and then switches to the User's Color mode (in my case Dark).

[Ahmed Riyadh]

Issue reproduced within the Kobweb default app template but only in production mode and not in development.

KobwebDefaultApptemplate.mov

[Ahmed Riyadh]

Is this is the expected behavior?

[Ahmed Riyadh]

It's more noticeable when running on the production server using production mode.

KobwebStaticSiteProduction.mov

[David Herman]

Yes, this is known. We are actually working on a fix for the color flash at the moment.

[David Herman]

The idea that the html loads first and THEN the js runs is quite intentional, though. This is Kobweb's secret sauce for turning your SPA site into one that gets effectively crawled by search crawlers.

[Ahmed Riyadh]

A workaround is to use isExporting and show a different content or loading indicator without using JS in the AppEntry.

[David Herman]

Sure but then you will kill SEO if you're not careful

[David Herman]

Anyway just wait for a bit because we will be able to fix the color flash in a near future version

[Ahmed Riyadh]

I noticed this isn't an issue in bitspittle.dev.

[David Herman]

bitspittle.dev definitely flashes

[David Herman]

If you want to see something fun, on Chrome, go into the devtools network tab and set throttling to 3G

[David Herman]

Then refresh the page on my blog