Greasy Fork

I created something for the time being, but all it can do is change the theme. Maybe, at least, it functions partially.

JavaScript Code

(function() {
    'use strict';

    const $ = window.jQuery;
    const Cookies = window.Cookies;

    // Function to generate random ID
    function generateID(length) {
        let result = '';
        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
        const charactersLength = characters.length;
        for (let i = 0; i < length; i++) {
            result += characters.charAt(Math.floor(Math.random() * charactersLength));
        }
        return result;
    }

    // Function to wait for an element to appear
    function waitForElement(selector) {
        return new Promise(resolve => {
            const element = document.querySelector(selector);
            if (element) {
                resolve(element);
            } else {
                const observer = new MutationObserver(mutations => {
                    const target = document.querySelector(selector);
                    if (target) {
                        resolve(target);
                        observer.disconnect();
                    }
                });
                observer.observe(document.body, { childList: true, subtree: true });
            }
        });
    }

    // Function to initialize functionality
    function init() {
        const viewState = Cookies.get("view-state");
        if (!viewState) {
            Cookies.set("view-state", "light", { expires: 7, path: '' });
        } else if (viewState === "dark") {
            $('html').addClass("dark");
        }

        const location = window.location.href.toString();
        if (location.includes('dashboard')) {
            waitForElement('.the-dashboard-header').then(() => {
                // Your logic for dashboard
            });
        }
    }

    // Check for window resize
    const checkWindow = setInterval(() => {
        if ($('.the-dashboard-header > div:nth-child(1) > div:nth-child(2)').children().length <= 2 || ($(window).width() < 1024 && $('.the-dashboard-header > div:nth-child(1) > div:nth-child(2)').children().length === 3)) {
            $('.open-button, .read-button, .popup-modal').remove();
            init();
        }
    }, 100);

    // Initialize functionality
    init();
})();