自由帳カスタムデザイン(Feederチャット)

Feederチャットの自由帳のデザインをカスタムできるスクリプトです。

// ==UserScript==
// @name         自由帳カスタムデザイン(Feederチャット)
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Feederチャットの自由帳のデザインをカスタムできるスクリプトです。
// @author       You
// @match        *.x-feeder.info/*/
// @exclude      *.x-feeder.info/*/sp/
// @exclude      *.x-feeder.info/*/settings/**
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    /*------------------------- カスタマイズ領域 -------------------------*/
    const textColor = "lightgreen"; // 文字色
    const luminousColor = "lime"; // 光色
    const backgroundColor = "#2F3136"; // 背景色
    const headlineColor = "black"; // 自由帳の見出しの色
    const buttonColor = "gray"; // ボタンの背景色
    const inputAreaColor = "black"; // 入力欄の背景色
    /*--------------------------------------------------------------------*/
    const setCSS = () => {
        const elm = $("#sub_note_frame");
        elm.css({
            "color": textColor,
            "text-shadow": `0 0 10px ${luminousColor},0 0 15px ${luminousColor}`,
            "background": backgroundColor,
        });
        elm.find("h2").css("background", headlineColor);
        elm.find("button").css({
            "font-weight": "bold",
            "color": textColor,
            "text-shadow": `0 0 10px ${luminousColor},0 0 15px ${luminousColor}`,
            "background": buttonColor,
            "border-style": "none",
            "border-radius": "5px",
        });
        const css = {
            "color": textColor,
            "text-shadow": `0 0 10px ${luminousColor},0 0 15px ${luminousColor}`,
            "background": inputAreaColor,
        };
        elm.find("input").css(css);
        elm.find("textarea").css(css);
    }
    const clickEvent = () => {
        const elm = $("#sub_note_frame");
        elm.children().click(() => {
            setTimeout(() => {
                setCSS();
                clickEvent();
            }, 500);
        });
    }
    $("#sub_note_icn").click(() => {
        setTimeout(() => {
            clickEvent();
            setCSS();
        }, 500);
    });
    if ($("#sub_note_frame").length !== 0) {
        clickEvent();
        setCSS();
    }
})();