shadow-dom.js

/* Acrylic League of legends client theme */
/* Adjusted by egirlcatnip from Sarah's acrylic theme */

/* Version: 1.5 */

/* credits: @aimslut(discord), @egirlcatnip(discord), @unproductive(discord) */

/* this source: https://github.com/PrincessAkira/league-launcher-theme/tree/main/Acrylical    */
/* Sarah's source: https://github.com/PrincessAkira/league-launcher-theme/tree/main/Acrylical */

/* shadow-dom manipulation function */

export function lobby_panel_css(element) {
    const root = element.shadowRoot;
    const rootStyle = document.createElement("style");
    rootStyle.textContent = `
    .parties-game-info-panel-bg-container > video {
        display: none !important;
    }
    `;
    root.appendChild(rootStyle);


    const statusCardRoot = root.querySelector("lol-parties-status-card").shadowRoot;
    const statusCardStyle = document.createElement("style");
    statusCardStyle.textContent = `
    .parties-status-card {
        background: none !important;
        cursor: default !important;
    }
    .parties-status-card-bg-container > video {
        display: none !important;
    }
    .parties-status-card-body{
        padding: 10px 5px 10px 10px !important;
        margin-top: unset !important;
    }
    .parties-status-card-body > div {
        margin: 0 10px 0 0 !important;
        }
    .parties-status-mode-text{
        display:none !important;
        }
    .parties-status-card-header-icon {
        display:none !important;
    }

        `;
    statusCardRoot.appendChild(statusCardStyle);

    const gameInvitesRoot = root.querySelector("lol-parties-game-invites").shadowRoot;
    const gameInvitesStyle = document.createElement("style");
    gameInvitesStyle.textContent = `
        .parties-game-invite-heading-text{
            display: none !important;
        }
        .parties-game-invite-heading{
            display: none !important;
        }
        `;
    gameInvitesRoot.appendChild(gameInvitesStyle);


    const gameSearchRoot = root.querySelector("lol-parties-game-search").shadowRoot;
    const gameSearchStyle = document.createElement("style");
    gameSearchStyle.textContent = `
        .parties-game-search-divider{
            display: none !important;
        }
        .parties-game-search-info{
            display: none !important;
        }
        .parties-status-search-body{
            padding: 10px 5px 10px 10px !important;
            margin-top: unset !important;
        }
        .parties-status-search-body {
            margin: 0 10px 0 0 !important;
        }
        .parties-status-search-body > div {
            margin: 0 10px 0 0 !important;
        }
        .parties-game-search-body-data{
            margin: 5px 0 0 0 !important;
        }
        .parties-game-search-cancel{
            background-color: #a09b8c !important;
        }
        `;
    gameSearchRoot.appendChild(gameSearchStyle);

    // console.log("Panel css applied");
}


export function lobby_invite_css(element) {
    const root = element.shadowRoot;
    const rootStyle = document.createElement("style");
    rootStyle.textContent = `

        .parties-game-invite::after {
            display: none !important;
        }
        .parties-game-invite-buttons {
            display: block !important;
        }
    `;
    root.appendChild(rootStyle);

    // console.log("Invite notification css applied");
}

export function profile_banner_css(element) {
    const root = element.shadowRoot;
    const rootStyle = document.createElement("style");
    rootStyle.textContent = `
        * {
            display: none !important;
        }
    `;
    root.appendChild(rootStyle);

    console.log("Invite notification css applied");
}




// export function example_css(element) {
//     const root = element.shadowRoot;
//     const rootStyle = document.createElement("style");
//     rootStyle.textContent = `
//         /* css */
//     `;
//     root.appendChild(rootStyle);
//     console.log("example css applied");
// }