Salesforce Custom Colors and Icons

Salesforce Custom Colors and Icons

I recently was asked about the custom colors and icons that we use for our Link Management Application and the person was wondering how they could incorporate the use of those colors into their sControls.

Since I had to put all of that information together for our App, I decided why not share that with everyone as some type of reference? So here's a little background on why this information is useful.

When you write sControls to mimic the look and feel of the standard salesforce app you always include the standard style sheets and in the BODY tag you'll add something similar to the text "class='Custom56Tab editPage'". Without going too deep into all the styles and their various meanings and requirements to perfectly mimic a salesforce page I will simply state that the "CustomXX" piece of the code is what defines the page's border colors and the icon at the top.

What I used to do was trial various numbers in that text (like Custom1, Custom 34, etc.) and see what I'd get on the page as a result.

Now rather than trial and error, like I used to do, you can simply use the reference below:

I hope you find this useful.