// ==UserScript==
// @name         bluesky: force background colour
// @description  heyy inline + !important ain't very nice :/
// @namespace    https://kyu.re/~userscripts
// @match        https://*sky.app/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function() {
    const TARGET_COLOR = "var(--bg)";

    function forceBackground() {
        const html = document.documentElement;
        if (html.style.getPropertyValue("background") !== TARGET_COLOR) {
            html.style.setProperty("background", TARGET_COLOR, "important");
        }
    }

    forceBackground();

    const observer = new MutationObserver(forceBackground);
    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['style', 'class'] });
})();