Greasy Fork

Shredsauce dark Theme

All-black dark theme for Shredsauce website by Gheat

目前为 2025-04-07 提交的版本。查看 最新版本。

// ==UserScript==
// @name         Shredsauce dark Theme
// @namespace    stylish
// @version      1.2
// @description  All-black dark theme for Shredsauce website by Gheat
// @match        *://shredsauce.com/*
// @run-at       document-start
// @grant        none
// @license CC BY-ND 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;
        }
    `;
    document.head.appendChild(style);
})();