Okay, cool. Just a heads up before we start. My PC made a strange noise last night, so I turned it off and left it 'til this morning. It seems to be okay at the moment, but if I suddenly stop responding, you'll know why. : (
Right, first off, the extension. This time it's Tampermonkey. Look for the Chrome install on their homepage and click on that. It's been a while since I installed it but I think it'll take you to the Chrome web store for the install.
Once installed, click the Tampermonkey toolbar icon on your browser then click the Dashboard button...
...in the Dashboard, click the create New userscript button...
...in the New userscript code window, select all the pre-installed code, and delete it...
Copy the script below, and paste it into the (now empty) New userscript code window...
// ==UserScript==
// @name Filter
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match http://www.wgt.com/gameclient.aspx*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var game1 = document.getElementById("game");
var game2 = document.getElementById("gameclient");
var newbtn = document.createElement("button");
newbtn.setAttribute("id","colbtn");
newbtn.setAttribute("type","button");
newbtn.innerHTML = "Filter";
newbtn.addEventListener("click",change);
game1.appendChild(newbtn);
function change(){game2.classList.toggle("colOn");newbtn.classList.toggle("colOn");}
})();
...then click the Save button...
...now you can close the Tampermonkey browser tab.
Next, you'll need to add a bit more CSS to the Stylish browser extension.
Click on the Stylish toolbar icon on your browser and click the edit button...
I'm sure you've got a value sorted now for the hue-rotate filter, so make a mental note of it because you'll be replacing all the code in that window.
Replace the code with this...
#gameclient.colOn {
filter:hue-rotate(200deg);
}
#colbtn {
position:absolute;
bottom:57px;
right:16px;
z-index:1000;
outline:none;
background:linear-gradient(#888,#333);
border-radius:5px;
cursor:pointer;
color:#fff;
font-family:square721 bt, tahoma, arial;
font-size:120%;
}
#colbtn.colOn {
color:cyan;
outline:none;
box-shadow:0 0 1px 2px cyan;
}
...you can replace the 200 value in the hue-rotate filter for what you had previously, then click Save in the left hand pane.
If you now fire up the game client, hopefully the button will be there, but it may not be in an ideal position for your set-up Shaun, so if you have a look at the CSS code you just pasted in, under the #colbtn text, you will see a bottom and a right property. These can be changed to top and left depending on where you want the button positioned within the game client window. The pixel values for these properties can also be changed depending on how far you want the button from the edge of the window. Don't forget to click Save to apply any changes.
My only concern with this is whether or not it will have any effect on the meter. If it does then you will want to remove it. Clicking the Tampermonkey icon on your browser toolbar and then clicking on the Filter button on the dropdown menu will turn it off.
Phew! That was a long post, hope it works after all that! Good luck.
Scott