Style the app

In the initial state as handed off by the developer, the game is neither attractive nor playable.

Tutorial app initial state

In addition to the default CSS files included in the Windows library (ui-dark.css and ui-light.css), Blend for Visual Studio 2012 automatically creates default.css in the css folder. If you add custom styles to an app, they are automatically added to default.css, unless you create a custom style sheet and select it as the insertion point for new styles.

By default, if no style rule is specified, Blend creates new style definitions as inline styles. While that may be sufficient for creating quick prototypes, it can be difficult to maintain inline style definitions for your production app. A best practice is to create and maintain your styles by using an external style sheet.

The next step: Create a style rule.