You have two options, the first one is not to create a custom skin based on MetroTouch, but to find each one blue colored element, to make its selector heavier, and to apply it the desired color/background color. This is harder, as it will be almost impossible to find all elements.
The second option is to create a custom skin based on MetroTouch skin. And again, under this option you have two sub options:
For both options you should choose a custom skin name, such as MetroTouchCustom, which will best fit your custom skin character.
and next you should choose one of the following options: to edit the CSS files directly, or to edit the SASS files.
1. Editing the CSS files is much easier if you don`t have knowledge about SASS. Just take all the CSS files from the MetroTouch folder, open them and using find and replace option change the default MetroTouch blue color #25a0da to #157164. Save your files, and load your custom skin. It should use the new color already.
2. Editing the SASS file will allow you to change the #25a0da in only one file, where the SASS variables are stored. Then when saving the file, with will generate all CSS files with your new background color. The file containing the skin variables is called: __skin.MetroTouch.scss. For your convenience attached is MetroTouch.zip containing both SASS and CSS files.
More about SASS you could find at: SASS Lang
To be able to edit SASS files in Visual Style Builder you will need to add a plugin called Mindspace Web WorkBecnh
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed