Как избавиться от этого эффекта?

Question

[SVM]

Допустим я меняю цвет backround-color:#232323!important;
подгружаю скриптом

$('html').attr('style', 'background-color:#232323!important');
$('body').attr('style', 'background-color:#232323!important');

но при обновлении страницы, сначала цвет белый, а уже потом изменяется

видно мигание (ночью бьёт по глазам)

P.S. = решение
нужно (я сделал так) - прописал правило в файл userContent.css профиля браузера

html{
color:#fefefe;
background-color:#232323; 
}

Answer 1

[Stalker_RED]

Изначально страница белая, а скрипт подгружается и исполняется не мгновенно. И пока скрипт не сработал браузер успевает отрисовать белый фон.
Если менять не скриптом в браузере, а на стороне сервера, то задержку можно уменьшить.
Также поможет включение правильного кеширования для css и js, но даже если это будет инлайн-css, то все равно на медленных машинах или при плохом коннекте белый фон может проскакивать.

А вообще, в хроме темы есть. Поставьте себе темную какую-то.

Comments

[SVM]

Я добавил правило в профиль браузера в файл userContent.css
зы
Ведь знал, но забыл )))

Answer 2

[Aetae]

А зачем вам это делать скриптом? Просто добавьте <style> с нужными правилами.
Если нужно какое-то условие, то с гарантией только примерно так:

<script>
  if (true) {
    document.write(`<style>
      html, body {
        background-color:#232323 !important
      }
    </style>`);
  }
</script>

В обоих случаях это должно быть в head.

Comments

[SVM]

Я добавил правило в профиль браузера в файл userContent.css
зы
ведь знал, но забыл )))