Some useful CSS classes for your SharePoint Apps

You want your SharePoint App to fit in with the theme of the parent SharePoint site and so you need to use the same colors & fonts. I haven’t seen anywhere giving a list of the useful classes & I keep forgetting them. ms-emphasis This applies the emphasis foreground and background color. Useful for highlighting rows or headers. ms-ContentAccentn-bgColor Where n is 1-6, these are the different accent colors of the theme. This class simply sets the css background-color ms-ContentAccentn-borderColor Where n is 1-6, these are the different accent colors of the theme. This class simply sets the css border-color ms-ContentAccentn-fontColor Where n is 1-6, these are the different accent colors of the theme. This class simply sets the css font color ms-sideNav This is the side navigation style and includes all the hover/active effects. ms-subtleEmphasis For when you want something a bit more subtle than the normal emphasis. ms-button-emphasize Make you buttons a bit more interesting, including a hover effect.   This is for my reference and I’ll add to is as I find other classes useful.

SharePoint on Windows Phone

AgilisPoint a free App for your Windows Phone