Flash of white with dark theme and no javascript

eiangarsaowrfutarfgfarg

Have firefox with JS disabled (and strict privacy protection).
Have dark theme enabled.
Go to https://kagi.com/html
The page flashes white before loading the dark theme.

The flash is pretty obnoxious, especially in the night.

The page to not flash in white before loading the dark theme.

Enabling JS removes the flash.

Vlad

eiangarsaowrfutarfgfarg Can you show a video of this?

eiangarsaowrfutarfgfarg

Definitely:

eiangarsaowrfutarfgfarg

PS: This is not limited to the search page, switching between pages in settings for example has the same issue.

In the settings in can be seen here: https://kagifeedback.org/d/3255-settings-show-wrong-value-no-js

Vlad

eiangarsaowrfutarfgfarg Can you also try with no extensions to make sure it is not caused by them?

Value7609

Looks like a NoScript problem to me.

I were able to reproduce this with NoScript installed and enabled.
But when I disable javascript through uBlock origin this flash does not happen

@eiangarsaowrfutarfgfarg @Vlad

Vlad

I assume "NoScript" is a browser extension? Is this problem reproducible in Firefox with browser-disabled javascript (no extensions installed)?

Value7609

Vlad yes its a browser extension and no, its not reproducible with javascript disabled in the browser settings

eiangarsaowrfutarfgfarg

Can confirm, can only reproduce with noscript. Both disabling the javascript directly in the browser and disabling it via ublock does not lead to the flash.

Vlad

eiangarsaowrfutarfgfarg Probably should be reported to extension devleoper

eiangarsaowrfutarfgfarg

Fair enough, will do. In the mean time, putting

@-moz-document url-prefix("https://kagi.com/") {
    body {
	background: #262837 !important;
    }
}

into userContent.css does fix the flash of white (it still does not look great, but it is better). Leaving it here as a workaround.

eiangarsaowrfutarfgfarg

Hello,

that's not a bug per se, but the preliminary checks NoScript performs on pages
which are not set to TRUSTED.

You can work-around without enabling JavaScript by setting kagi.com to CUSTOM
and checking the "unrestricted CSS" capability box.

See https://forums.informaction.com/viewtopic.php?p=103816#p103816

Best,
-- G