Search code examples
windowsmicrosoft-metrowinjs

Change the colour of WinJS.UI.BackButton (Win 8.1 back button)


I'm getting started with Windows 8 App development using WinJS. I'm using the Light UI theme but I have set up a darker area on the left of the page (where the black back button is) and the issue is: you can't see the button.

I've trawled through the MSDN pages and the most I could find is how to style a button which doesn't actually explain how to change the colour of an actual asset.

http://msdn.microsoft.com/en-us/library/windows/apps/jj835822.aspx

I've also tried adding: win-ui-light and win-ui-dark classes to the button with no success.

I wondered if someone could point me in the right direction?

Many thanks for your time

Chris


Solution

  • I used the DOM Explorer to find the buttons default values and overwrite them. It was the child element that needed to be overwritten: .win-back