Shredsauce dark Theme

All-black dark theme for Shredsauce website by Gheat
目前为 2025-04-07 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         Shredsauce dark Theme
// @namespace    stylish
// @version      1.5
// @description  All-black dark theme for Shredsauce website by Gheat
// @match        *://shredsauce.com/*
// @run-at       document-start
// @grant        none
// @license      CC-BY-4.0
// ==/UserScript==

(function() {
    const style = document.createElement('style');
    style.innerText = `
        body, html {
            background-color: #000 !important;
            color: #fff !important;
        }

        mobileContainer, #webContainer, .scroll-section, .carousel, .navbar, footer, #contentContainer, #playerContainerOverlay {
            background-color: #000 !important;
            color: #fff !important;
        }

        button, .btn, .flickity-button, .playButton, #playButton {
            background-color: #333 !important;
            color: #fff !important;
            border: 1px solid #555 !important;
        }

        button:hover, .btn:hover, .flickity-button:hover, .playButton:hover, #playButton:hover {
            background-color: #444 !important;
        }

        .navbar, .navbar nav ul li a, .social-icons a, .dropdown-content a, .logoContainer img, .videoOverlayLogo {
            filter: brightness(0) invert(1) !important;
        }

        #playContainerInfoBox, .updateTitle, .text, .leaderboardContainer, .skyscraperContainer, .pull-right, .clearfix {
            background-color: #000 !important;
            color: #fff !important;
        }

        img, video, .carousel img, .flickity-button svg, .videoOverlayLogo {
            filter: brightness(0.8) !important;
        }

        #playIcon path {
            fill: #fff !important;
        }

        a, a:link, a:visited {
            color: #66ccff !important;
        }

        a:hover {
            color: #00aaff !important;
        }

        .adContainer, .adsbygoogle, iframe, [class*="ad"], .ad-container, #div-gpt-ad, .banner-ad, .myAds {
            display: none !important;
        }

        * {
            background-color: transparent !important;
        }

        #gheat-message {
            position: fixed;
            bottom: 10px;
            right: 20px;
            font-size: 12px;
            color: #aaa;
            font-family: monospace;
            z-index: 99999;
        }
        #leaderboardContainer,
#skyscraperContainer,
div[class*="8p7p6pdb282"] {
    display: none !important;
}
    `;
    document.head.appendChild(style);

    window.addEventListener('load', () => {
        // credit msg
        const msg = document.createElement('div');
        msg.id = 'gheat-message';
        msg.innerText = 'https://sites.google.com/view/shredhub/home - Gheat';
        document.body.appendChild(msg);

        const allowedIds = ['webContainer', 'mobileContainer', 'gheat-message', 'gheat-menu'];

        function nukeUnwanted() {
            [...document.body.children].forEach(el => {
                const isAllowed = allowedIds.includes(el.id);
                if (!isAllowed) el.remove();
            });

            document.querySelectorAll('div[style]').forEach(div => {
                const style = div.getAttribute('style')?.trim();
                if (style && style.startsWith('bottom:')) {
                    div.remove();
                }
            });
        }

        setTimeout(() => {
            nukeUnwanted();

            const observer = new MutationObserver(() => nukeUnwanted());
            observer.observe(document.body, { childList: true, subtree: true });
        }, 5000);
    });
})();
window.addEventListener('load', () => {
    // clear the top title
    const titleDiv = document.querySelector('.updateTitle');
    if (titleDiv) titleDiv.textContent = '';

    // replace entire text block
    const msgContainer = document.querySelector('.text');
    if (msgContainer) {
        msgContainer.innerHTML = `
            <em>sites.google.com/view/shredhub</em><br>
            <em>April 6 2025</em><br><br>
            Thank you for using my theme<br><br>
            - Gheat
        `;
    }
});
欢迎访问Greasy Fork镜像
