BroadSoft /Genband’s M6 phone control portal offers different customization levels. You can easily update company logos and add a new CSS that can set new colors and fonts, but the real customizing is that the platform has an API and even a SDK available.

The best way to develop a custom CSS for the M6 platform is to use your favorite CSS Editor (http://www.w3.org/Amaya/User/BinDist.html or http://www.macrabbit.com/cssedit/)

Install FireFox (http://www.mozilla.com/firefox/).

Install Web Developer ToolBar (http://getfirebug.com/). This will allow you to specify a local CSS file to overwrite the M6 CSS while you are developing a new one.

Browse to the M6 Platform, then ‘View the CSS’ in the Web Developer Toolbar. Select all the CSS, and copy it into another CSS/text file and save it to your hard drive.

On the Web Developer Toolbar select “Disable Styles > Individual Style Sheet >.” This will disable the style sheet, and the page will lose colors and fonts.

On the Web Developer Toolbar select “Add User Style Sheet …” This will allow you to navigate to the location of the new CSS on your drive.

There is also an 'options.xml' file where you can specify a few settings, such as the link that the 'Powered by' logo follows.

Link to the Customization Guide