Background giorno/notte

Change theme background color

// ==UserScript==
// @name          Background giorno/notte
// @namespace     https://greasyfork.org/users/237458
// @version       0.4
// @author        figuccio
// @description   Change theme background color
// @match         *://*/*
// @grant         GM_addStyle
// @grant         GM_setValue
// @grant         GM_getValue
// @grant         GM_registerMenuCommand
// @require       https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
// @run-at        document-start
// @require       http://code.jquery.com/jquery-latest.js
// @require       https://code.jquery.com/ui/1.12.1/jquery-ui.js
// @icon          https://images2.imgbox.com/b3/67/Aq5XazuW_o.png
// @require       https://greasyfork.org/scripts/12228/code/setMutationHandler.js
// @noframes
// @license        MIT
// ==/UserScript==
(function() {
    'use strict';
    var $ = window.jQuery;
    var j = $.noConflict();

    // Posizione predefinita
    var defaultPosition = { top: 160, left: 0 };

    // Recupera la posizione salvata o usa la posizione predefinita
    var savedPosition = GM_getValue('boxPosition') || defaultPosition;

    // Aggiungi il box con la posizione salvata o predefinita
    var box = $('<div id="mylist"></div>')
        .css({
            position: 'fixed',
            top: savedPosition.top + 'px',
            left: savedPosition.left + 'px',
            zIndex: 99999
        })
        .draggable({
            containment: 'window', // Limita il trascinamento allo schermo
            stop: function(event, ui) {
                // Salva la posizione dopo il trascinamento
                GM_setValue('boxPosition', ui.position);
            }
        })
        .appendTo('body');
////////////////////////////////
    function provalist(){
var box = document.getElementById('mylist');
box.style.display = ((box.style.display!='none') ? 'none' : 'block');
}
GM_registerMenuCommand("nascondi/mostra time",provalist);
///////////////////////////////////////////////////////

    // Imposta lo stile CSS degli elementi nel menu
    GM_addStyle(`
        #setuitu{width:auto;height:25px; margin-top:-6px;margin-left:-12px; margin-right:-12px;margin-bottom:0px;border-width:1px;}
        #selectColor{background:#3b3b3b;color:lime;border:1px solid yellow; border-radius:5px;}
    `);

    // Aggiungi il menu al box
    box.html(`
        <fieldset style="background:#3b3b3b;border:2px solid red;color:lime;border-radius:7px;text-align:center;width:100px;height:44px;">
            <legend>Menù</legend>
            <div id=setuitu>
                <select  id="selectColor" title="Selettore colori">
                    <option value="">Scegli ...</option>
                    <option style="background-color: Black" value="Black">Black</option>
                    <option style="background-color: white" value="white">White</option>
                </select>
            </div>
        </fieldset>
    `);

    // Imposta l'evento change per il selettore di colori
    $('#selectColor').change(function() {
        var color = $(this).val();
        GM_setValue('lista', color);
        document.body.style.backgroundColor = color;
    });

    // Imposta il colore di sfondo dal valore memorizzato
    if (GM_getValue('lista')) {
        $('#selectColor').val(GM_getValue('lista'));
        document.body.style.backgroundColor = GM_getValue('lista');
    }
})();