Greasy Fork is available in English.

Color Picker figuccio

Change background color

// ==UserScript==
// @name         Color Picker figuccio
// @version      0.1
// @description  Change background color
// @author       figuccio
// @include       *
// @namespace https://greasyfork.org/users/237458
// @grant       GM_setValue
// @grant       GM_getValue
// @grant       GM_registerMenuCommand
// @noframes
// @icon         https://image.flaticon.com/icons/svg/3124/3124925.svg
// ==/UserScript==
var body=document.getElementsByTagName("body")[0]
var container=document.createElement("div")
container.style="top:120px;background-color:red;width:6%;margin:0 auto;height:20px;border:2px solid blue;z-index:4;margin-left:500px;margin-top:50px;margin-bottom:50px;border-radius:10px;padding:4px;position:fixed;"
body.append(container)
container.innerHTML=`
<inpu class="inp" ="">
<input class="inp" placeholder=" Bg-Color.">
`
var inp = document.getElementsByClassName("inp")
for(var i=0, il=inp.length; i<il;i++){
inp[i].style=`
width:70px;
`
}
inp[1].addEventListener("keyup",function(){
        localStorage.setItem("bgcolor",inp[1].value);
        body.style.backgroundColor=inp[1].value;
        setTimeout(function(){inp[1].value="";},70000)
    })
if(localStorage.getItem("bgcolor")!==null){
    body.style.backgroundColor=localStorage.getItem("bgcolor")
}
//////////////////////
function myFunction1l() {
container.style.display = ((container.style.display!='none') ? 'none' : 'block');
}
GM_registerMenuCommand("mostra/nascondi",myFunction1l);
////////////////////////////////////////////////////////////