.reactions-root button, .reactions-root [type=button], .reactions-root [type=reset], .reactions-root [type=submit] {
    -webkit-appearance: button;
    font-size: 10px !important;
    background: #000; фон кружочка
    color: #eee;
}

.reactions-root *, .reactions-root ::before, .reactions-root ::after {
    box-sizing: border-box;
    color: #eee !important; цвет плюсика
}

.reactions-root .emoji-mart, .reactions-root .emoji-mart * {
    box-sizing: border-box;
    line-height: 1.15;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: fit-content;
}

nav.emoji-mart-anchors {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: 10px 30px;
    text-align: center;
}


.reactions-root .emoji-mart {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
    font-size: 16px;
    display: inline-block;
    color: #222427;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #6f6f6f; фон открытого окна
}

фон поиска 

.reactions-root .emoji-mart-search input {
    font-size: 10px;
    display: block;
    background: #000;
    width: 100%;
    padding: 5px 25px 6px 10px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    outline: 0;
    margin-bottom: 5px;
    color: #fff !important;
}

подзаголовки тематики стикуров 

.reactions-root .emoji-mart-category-label span {
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 5px 6px;
    background-color: #fff;
    background-color: rgb(0 0 0 / 95%);
    font-size: 10px;
    border-radius: 10px;
    text-transform: lowercase;
}

подзаголовки подложка фон

.reactions-root .emoji-mart-category-label {
    z-index: 2;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    text-align: center;
    background: #eee;
}

подчеркивание

.reactions-root .emoji-mart-anchor-selected .emoji-mart-anchor-bar {
    bottom: 0;
    background-color: red !important;
}

url(https://forumstatic.ru/files/001c/8f/db/81688.png) no-repeat top center/cover;

https://forumstatic.ru/files/001c/8f/db/50096.png
мне нужно внутри форума, где структура https://lovelylife.rolebb.ru/viewforum.php?id=1 и внутри тем этого форума, где https://lovelylife.rolebb.ru/viewtopic.php?id=2



<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {

    // === УКАЖИ ID форумы И КАРТИНКУ ДЛЯ НЕГО ===
    const headerImages = {
        1: "https://forumstatic.ru/files/001c/8f/db/50096.png"
        
    };

    function changeHeaderImage() {

        // ищем контейнер с ID форума
        const forumContainer = document.querySelector("div[data-forum-id]");
        if (!forumContainer) return;

        const forumId = forumContainer.getAttribute("data-forum-id");

        // проверяем: есть ли для этого форума картинка?
        if (headerImages[forumId]) {
            const target = document.querySelector("#pun-title table");

            if (target) {
                target.style.backgroundImage = `url('${headerImages[forumId]}')`;
            }
        }
    }

    changeHeaderImage();

    // обновлять при подгрузке новых частей страницы
    const observer = new MutationObserver(changeHeaderImage);
    observer.observe(document.body, { childList: true, subtree: true });

});
</script>