reopening discussion: Custom background for Boards about deck

[thefeiter]

My current workaround looks like this:

Javascript loaded via jsloader plugin:

function adj_bg_color(board_url) {
    if (/apps\/deck\/board\/\d+$/.test(window.location.href)) {

        var url_end = window.location.href.split("apps/deck/board/");
        var board_id = url_end[url_end.length - 1].split("/")[0].split("?")[0].split("#")[0]

        $.getJSON(window.location.protocol + "//" + window.location.host + "/apps/deck/boards/" + board_id, function (data) {

            var interval = setInterval(() => {
                if(window.location.href != board_url){//url changed meanwhile
                    clearInterval(interval);
                }
                if (document.querySelector('.board') != null) {
                    document.querySelector('.board').setAttribute("style", `background-color:#${data.color}`);
                    clearInterval(interval);
                }
            }, 100);
        });
    }
}

if (window.location.href.includes("apps/deck")) {

    adj_bg_color(window.location.href);

    let prevUrl = undefined;
    setInterval(() => {
        const currUrl = window.location.href;
        if (currUrl != prevUrl) {
            // URL changed
            prevUrl = currUrl;
            adj_bg_color(currUrl);
        }
    }, 100);

}

Custom CSS:

.stack__header::before{
    background-image: none !important;

}

.stack__header{
    border-radius: 15px;
    background: var(--color-main-background);
    margin: 2px;
}