Greasy Fork is available in English.

ColorPicker barra facebook

cambio colore facebook

// ==UserScript==
// @name          ColorPicker barra facebook
// @namespace     https://greasyfork.org/users/237458
// @version       11.6
// @description   cambio colore facebook
// @author        figuccio
// @license       MIT
// @match         https://*.facebook.com/*
// @icon          https://s3.bmp.ovh/imgs/2022/04/19/8dbde08bece5b798.png
// @noframes
// @grant         GM_addStyle
// @grant         GM_setValue
// @grant         GM_getValue
// @require       https://code.jquery.com/jquery-1.11.0.min.js
// ==/UserScript==
(function () {
  'use strict';
    //evita errore triangolo giallo
 var $ = window.jQuery;
 $('body').append('<input type="button"  id="hexcolor" value="color hex" title="Hex color"></input>')
 $('#hexcolor').css({ 'position':'fixed','top': 315,'right': 100,'background-color':'black', color:'green', 'border':'2px solid green', 'border-radius': '6px',});
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   var body = document.body;
   var colorPicker = document.createElement('div');
   colorPicker.id="_color-picker";
   colorPicker.title="color Picker";
   var inputColor = document.createElement('input');
   inputColor.setAttribute("list", "colors");//palette
   inputColor.id ="_input-color";
   inputColor.class ="test";
   inputColor.style="position:fixed;top:50%;right:5px; background-color:#3b3b3b;color:red; border:3px solid green; border-radius:6px;";
   inputColor.type="color";
   inputColor.value="#FF0000";
   colorPicker.appendChild(inputColor);
   body.appendChild(colorPicker);
    ///////////////////////////input casella hex
$('#_input-color').on('input', function() {$('#hexcolor').val(this.value);
 GM_setValue('bg', this.value);

 console.log(this.value);
//document.body.style.backgroundColor = this.value;
$('body,#blueBarDOMInspector>div, #blueBarDOMInspector div[role="banner"], #fb2k_pagelet_bluebar>#blueBarDOMInspector>div>div, div[aria-label="Facebook"][role="navigation"]').css('background-color',GM_getValue("bg"));

});

//storage
if (GM_getValue('bg') !==null){
document.getElementById('hexcolor').value =GM_getValue('bg');
document.getElementById('_input-color').value =GM_getValue('bg');
//document.body.style.backgroundColor=GM_getValue('bg');
$('body,#blueBarDOMInspector>div, #blueBarDOMInspector div[role="banner"], #fb2k_pagelet_bluebar>#blueBarDOMInspector>div>div, div[aria-label="Facebook"][role="navigation"]').css('background-color',GM_getValue("bg"));
    }

 })();