Metro Theme system brushes don't change

Question

I've been working on my first Metro application and I'm wanting to change my theme from the default dark theme to a light theme. It appears Metro has some built in themes if you look at the platform pane in VS11 and Blend. I assumed changing the Theme from Default(which is dark) to Light would change the system brushes from dark to light. It does appear to work in the designer but when running the program everything is still dark.

Am I doing something wrong to get the System brushes to change, or am I missing the point of what Platform theme is? Or is it just a bug?

Answer 1

Open up the html page you want to change and then locate <!-- WinJS references -->at the head of the document, and then change the stylesheet reference from ui-dark.cssto ui-light.css.

Do this for all html pages in the app including the default.html page.