Flashing of unstyled content (FOUC)

[3nly]

As per https://boards.4chan.org/g/thread/103525147#p103553843

is there any way to stop 4chanxt and stylechan from flashbanging me with an unthemed page before loading in my dark theme?

Native 4chan CSS loads (or fails to load) before StyleChan, if native theme colour mismatch with StyleChan theme you get "flashbanged" for a few milliseconds before the CSS applies.

Could set the 4chan cookie for sfw and nsfw themes to Tomorrow theme depending if theme is dark or not (with isLight function maybe). Part of this issue might be caused by adblockers blocking JS/CSS loading and slow connections/browsers. Don't see this too often on my side.

[gelebflamefinger]

I actually was able to solve this by tweaking some settings in Violentmonkey:

This completely fixed any unstyled pages from nuking my retinas. Would you recommend against this or is this fine to do?

[3nly]

@inject-into should be set to auto, debatable if @run-at with document-body changes anything. In theory it should make the flashing worse since it needs to wait for the document body to show up.
I tried those settings but I don't notice much difference compared to the defaults, actually it seems to make the flashing a tad worse on Chrome.

Which browser are you using @gelebflamefinger ? If it works for you then I'm satisfied.

[3nly]

People that have this problem should enable this option in Violentmonkey and see if it makes a difference:

[3nly]

accba45

[gelebflamefinger]

@3nly I am using Firefox. Seems to have completely fixed it for me.

[3nly]

I've noticed a few bugs now that StyleChan is set to start at document-body, sometimes certain links don't get styled, particularly the Index and Catalog navigation links, but also this unusable StyleChan link appears at the bottom of the page, as here on /b/ with Chrome:

Curiously it only happens in 4chan X, not XT.

@gelebflamefinger great to hear!