How to change the UI Color

Have searched and tried all things for 4 days now and cannot seem to change the UI colors using the skin.js file within the ckeditor/skins/skin name

tried adding:

CKEDITOR.editorConfig = function(config){
	config.uiColor = '#000000';
};

CKEDITOR.replace( 'editor1', {
    language: 'fr',
    uiColor: '#9AB8F3'
});

Have tried other options found but no idea if because an iframe is being used or becasue software not using editor1 (but tried changing that to what is used for the id in software) or some other reason but it is NOT happening as simple as being explained in the documentation or anywhere else that shows how easy it is to change the color.

I even tried downloading a theme from here and using that but seems it uses different icons that the software that ckEditor is installed in so cannot use that theme

This is becoming a nightmare and really wish software did not use ckEditor

So if anyone out there can help in very simple language I would appreciate it

Also, why are there different css for different browsers why not just create one css that covers all as gradients and other css code that is browser specific could still be added to the same file

This is just way too confusing (lot easier in earlier version of ckEditor to change this color)