☰

Better Journal+

cool

// ==UserScript==
// @name         Better Journal+
// @namespace    http://tampermonkey.net/
// @version      0.04
// @description  cool
// @author       Cyrsia
// @match        https://journal.top-academy.ru/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=top-academy.ru
// @grant        none
// @license MIT
// ==/UserScript==

let logger = true;

let CurrentTheme = "dark";

let dark = {
    "rgb(154, 201, 192)": "#293230",
    "rgb(255, 255, 255)": "#212020",
    "rgb(255, 213, 235)": "#ffffff",
    "rgb(169, 246, 180)": "#1f0707",
    "rgb(217, 24, 66)": "#400531",
    "rgb(241, 246, 250)": "#3d3436",
    "rgb(245, 248, 250)": "#212020",
    "rgb(246, 248, 249)": "#736f6f",
    "rgb(206, 229, 240)": "#ffffff",
    "rgb(163, 174, 200)": "#44474f",
    "rgb(33, 37, 41)": "#676e75",
    "rgb(41, 49, 63)": "#7c8799",
    "rgb(90, 95, 98)": "#9ba0a3",
    "rgb(24, 129, 148)": "#8c1c25",
    "rgb(25, 195, 224)": "#ad1318",
    "rgb(51, 51, 51)": "#ffffff",
    "rgb(31, 138, 28)": "#361c8a",
    "rgb(27, 210, 199)": "#d21b1b",
    "rgb(25, 195, 224)": "#941818",
    "rgb(225, 225, 225)": "#212020",
    "rgb(252, 252, 252)": "#1c1b1b",
    "rgb(26, 164, 203)": "#cb1a1a",
    "rgb(245, 212, 125)": "#b53d3d",
    "rgba(33, 51, 71, 0.8)": "rgba(40, 3, 7, 0.8)",
    "texts": {
        "rgb(255, 255, 255)": "#c4bebe",
        "rgb(51, 51, 51)": "#ffffff",
        "rgb(41, 49, 63)": "#7c8799",
        "rgb(33, 37, 41)": "#676e75",
        "rgb(24, 129, 148)": "#fff",
        "rgb(27, 210, 199)": "#d21b1b",
        "rgb(25, 195, 224)": "#941818",
        "rgb(26, 164, 203)": "#cb1a1a",
    },
    "imgs": {
        "https://journal.top-academy.ru/assets/images/arrow-up.png?v=d714e2c7a00aab4f227a453afbbf0342": "hue-rotate(180deg) saturate(6.5)",
        "https://journal.top-academy.ru/assets/images/arrow-circle.png?v=9380259b60f27f7c98a96ba07c9cbd60": "hue-rotate(180deg) saturate(6.5) contrast(65%) brightness(65%)",
        "https://journal.top-academy.ru/assets/images/arrow-circle-white.png?v=55c286266e42c5bddd2088bd3f3a0f36": "hue-rotate(180deg) saturate(6.5) contrast(65%) brightness(65%)",
    }
};

let themes = {
    "dark": dark,
}

function log(msg) {
    if (logger){
        console.log("[LOG] " + msg)
    }
}

(function() {
    'use strict';

    let updating = false;

    function replaceColors() {
        const allElements = document.querySelectorAll('*');
        updating = true;

        let themeSpace = themes[CurrentTheme]

        const images = document.querySelectorAll('img');

        images.forEach(image => {
            const src = image.src;
            if (src && themeSpace.imgs[src]){
                image.style.filter = themeSpace.imgs[src];
            }
        });


        allElements.forEach(element => {
            const currentBC = window.getComputedStyle(element).backgroundColor;
            const currentC = window.getComputedStyle(element).color;
            const currentF = window.getComputedStyle(element, "filled").fill;
            const background = window.getComputedStyle(element).background.split(")")[0] + ")"
            const backgroundA = window.getComputedStyle(element, ".active").background.split(")")[0] + ")"

            if (currentBC && themeSpace[currentBC]) {
                element.style.backgroundColor = themeSpace[currentBC];
            }

            if (currentC && themeSpace[currentC]) {
                if (!element.textContent) {
                    element.style.color = themeSpace[currentC];
                } else {
                    element.style.color = themeSpace.texts[currentC]
                }
            }

            if (background && themeSpace[background]) {
                element.style.background = themeSpace[background]
            }
        })
    };

    function update() {
        if (!updating) {
            updating = true;
            log("Update");
            replaceColors();
            updating = false;
        }
    }

    window.addEventListener('load', update);
    const observer = new MutationObserver(update);
    observer.observe(document.body, { subtree: true, childList: true });
})();