Как исправить мерцание при загрузке CSS на сайт [дубликат] ⇐ CSS

[Anonymous]

У меня есть расширение, которое должно менять стили кнопки, но когда я пытаюсь добавить стиль:
Устранить вспышку нестилизованного контента
Я искал похожие статьи, но есть для кастомных сайтов где нужно что-то писать на html, а в моем случае я пишу расширение и не имею доступа к html пока не загрузится сама страница

Код: Выделить всё

let css = chrome.runtime.getURL("css/black.css")
let head = document.querySelector("head")
head.insertAdjacentHTML("beforeend", ``)

Тогда перед загрузкой моего css CSS, который загружал сайт, работает секунду и это не очень красивоМой
Мой манифест:

Код: Выделить всё

    "content_scripts": [{
"js": ["./scripts/material.js", "./scripts/content.js"],
"matches": ["https://funpay.com/*"]
}],
"host_permissions": [
"http://*/*",
"https://*/*"
],
"permissions": [
"scripting",
"storage",
"cookies",
"activeTab",
"tabs"
],
"web_accessible_resources": [{
"resources": [ "css/black.css" ],
"matches": ["https://funpay.com/*"]
}]

Мой black.css:

Код: Выделить всё

body {background-color: rgb(40, 40, 40) !important;}

Есть ли способ избежать этого мерцания?
Как бы это было при загрузке через манифест в content_scripts, то есть страница загружается сразу с моим стилем
запись:
С самого начала я пытался добавить css в манифест в скриптах содержания, но в данном случае я не могу удалить его или каким-либо образом с ним взаимодействовать.

Подробнее здесь: https://stackoverflow.com/questions/784 ... -a-website