"Picarto Recolour"
By ZippySqrl (https://pastebin.com/u/ZippySqrl)

URL: https://pastebin.com/pFS0414Z
Created on: Monday 16th of July 2018 01:38:28 PM CDT
Retrieved on: Saturday 31 of October 2020 04:26:06 PM UTC


// ==UserScript==
// @name         Picarto Recolour
// @namespace    http://zippysqrl.tumblr.com/
// @version      0.2
// @description  Replace picarto colour with your own (see below). Does not currently have an interactive colour picker to change it at any time.
// @author       
// @match        https://picarto.tv/*
// @grant        none
// @updateURL	 https://pastebin.com/raw/pFS0414Z
// ==/UserScript==

(function() {
    'use strict';

	//use either of these, make sure only one is uncommented
	//(putting // before the line turns it into a comment so it's ignored)

	var hexcode = "#cf8553"; //YOUR COLOUR HERE (between the ")
	//var hexcode = "rgb(255, 255, 255) ";
	
	
	var NewStyle = document.createElement('style');
    NewStyle.type = 'text/css';
	var body = document.body || document.getElementsByTagName('body')[0];
	body.appendChild(NewStyle);
	
    var cssoverride = ".channel-custom-color ::selection { background-color: ####### !important;} \
		.channel-custom-color .user-avatar img, .channel-custom-color .follow-button-ptv, .channel-custom-color description-panel .btn, .channel-custom-color .btn.subscribe_button, .channel-custom-color #channel_chat .sendbutton, .channel-custom-color .form-control:focus, .channel-custom-color .pollVoteButton {	border-color: ####### !important;}\
		.channel-custom-color .follow-button-ptv:hover, .channel-custom-color description-panel .btn:hover, .channel-custom-color .btn.subscribe_button:hover, .channel-custom-color #channel_chat .sendbutton, body.channel-page .channel-custom-color #chat_resizer:not(.resizing):hover, body.channel-page .channel-custom-color #chat_resizer .text, .channel-custom-color #chatNewMessageNotification, .channel-custom-color .pollVoteButton, .channel-custom-color #pollAlert, .channel-custom-color .poll_percentage {	background-color: ####### !important;}\
		.channel-custom-color user-bar user-bar-view .menu-item.active .btn, .channel-custom-color user-bar a, .channel-custom-color channel-streaminfo-viewer a:not(.dropdown-item), .channel-custom-color description-panel a, .channel-custom-color description-panel .btn, .channel-custom-color .follow-button-ptv, .channel-custom-color .btn.subscribe_button, .channel-custom-color #social-share-dropdown, body.channel-page .channel-custom-color #chat_resizer.always_visible:hover::before, body.channel-pag .channel-custom-color e #chat_resizer:not(.resizing):hover .icon::before {    color: ####### !important;} \
		.btn-primary { background-color: ####### !important; border-color: ####### !important; }\
		::selection {background: ####### !important;} ::-moz-selection{background: ####### !important;} \
		a { color: ####### !important; }\
		.btn-link { color: ####### !important; }\
.border {border: 2px solid ####### !important;}\
"

	
	//.text-muted {color: ####### !important; }\
	
	
	function componentToHex(c) {
		var hex = c.toString(16);
		return hex.length == 1 ? "0" + hex : hex;
	}
	function rgbToHex(r, g, b) {
		return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
	}
	
    function SetColor(r, g, b){
		var NewCss;
		console.log(r);
		if (typeof(r) == 'undefined'){
			NewCss = cssoverride.replace(/#######/g, hexcode);
		}else{
			NewCss = cssoverride.replace(/#######/g, "rgb(" + r + ", " + g + ", " + b + ") ");
		}
		
		 if (NewStyle.styleSheet){
            NewStyle.styleSheet.cssText = NewCss;
        } else {
			if (NewStyle.hasChildNodes()){
				NewStyle.removeChild(NewStyle.childNodes[0]);
			}
            NewStyle.appendChild(document.createTextNode(NewCss));
        }
		
		
		
	}

	
	
	console.log("setting colour...");
	
	
	//var colourpicker = document.getElementByClassname("sp-preview-inner");
	
	
	
    SetColor();
})();