Metro UI CSS provides access to the main colors used in Windows 8. You can sets: background, text color, outline, border color for any elements.

Predefined colors

To set background color: use prefix bg-, to set foreground color: use prefix fg-, to set outline color: use prefix ol-, to set border color: use prefix bd-. Also you can set active, hover and focus colors with classes bg(fg)-hover-*, bg(fg)-active- and bg(fg)-focus-. Also you can change :before and :after color and background for element with classes: before-bg-*, before-fg-*, after-bg-*, after-fg-*.

Before and after colors

To create ribbed background use prefix ribbed-.

Ribbed backgrounds