Overriding Pivot header foreground brushes in UWP app (Win 10 RTM SDK)

Question

I\'m trying to override the Pivot header foreground theme brushes, but no matter what I do the UWP app just ignores it.

Just to be clear, this question is about the

Answer 1

Interestingly, the Foreground property of the PivotItemStyle controls the foreground color of the content within the PivotItem, not the header of it. And there's no way to modify the color of the header within the style.

You might be able to find the corresponding color resources and modify them to achieve what you want, but here's a more flexible and pure xaml way -

The Pivot control actually has a HeaderTemplate which allows you to fully customise your PivotItem headers. See the following code sample, all the headers should have the Teal color.

---

Update

So here is a better way.

I used the new Live Visual Tree tool in Visual Studio to help locate the actual header element. It's a control called PivotHeaderItem. So turns out, all the styling is defined within this control.

I then had to go to msdn and grabbed the full style of this control (Blend didn't work).

As you can see within the style, the control has a default Foreground of {ThemeResource SystemControlForegroundBaseMediumBrush} and within the visual states, this Foreground gets changed to {ThemeResource SystemControlHighlightAltBaseHighBrush} when the state goes to Selected. I've changed them to Red and Green to make them more obvious.

With this, you should now be able to fully customise your pivot headers! :)