Ok, the custom slider thing will work. so step by step:
Create each dot or logo or anything that will change color as a seperate file for each color. For convention name the slider as [color]Slider.png (example, RedSlider.png, BlueSlider.png, etc.)
Then place the slider where you want the image, but on the image file path use
instead of the image file.
Then create buttons that when clicked do this:
(One for each color)
"WRITETOFILE;$skinpath$slider.skin;=/DEFINE Slider RedSlider.png||ADDTOFILE;$skinpath$slider.skin;=END||RELOADSKIN"
To also change the font color, you would just add that code to the same button.
So this way the logo's can still have bevel effects, etc. with still being able to change colors.
Here's the code that I got to work for this:
"WRITETOFILE;$skinpath$slider.skin;=/DEFINE Dots Blueslider.png||ADDTOFILE;$skinpath$slider.skin;=END||WRITETOFILE;$skinpath$logo.skin;=/DEFINE Logo Bluelogo.png||ADDTOFILE;$skinpath$logo.skin;=END||WRITETOFILE;$skinpath$font.skin;=/DEFINE FRed 000||ADDTOFILE;$skinpath$font.skin;=/DEFINE FGreen 000||ADDTOFILE;$skinpath$font.skin;=/DEFINE FBlue 255||ADDTOFILE;$skinpath$font.skin;=END||RELOADSKIN||Load;Theme.skin"
This defines the slider, logo and font color to a preset of Blue, it's easy enough to change this to almost any set of colors that we would want to use.
This is what the end result is:
The only problems I had was that it would load multiple instances of IG, but that's something that can be worked around.