NavigationView TopNav not yet rendered OverFlow items showing up due to resizing have wrong foreground(style) after theme change

[beervoley]

Describe the bug

When I'm trying to resize the window causing Overflow items (that haven't been shown yet) in TopNav to appear in PrimaryList, the overflow items that are shown have wrong foreground (see gif attached).
It only happens if I start in Dark mode (system wide), open XCG and then change the Theme inside XCG to Light.
Steps to reproduce the bug

Steps to reproduce the behavior:

1. Start in system wide Dark Mode.
2. Open XCG -> change XCG theme to Light.
3. Resize the window to smallest possible.
4. Open Navigation View Page.
5. Scroll to TopNav example.
6. Resize the window to allow some Oveflow Items to move to Primary List.
7. Observe their foreground(style).

Expected behavior

Moved from Overflow Items should have correct foreground(style) matching other items that are already rendered in the Primary List.
Screenshots

I've hovered over the elements after they become visible, that turned their foreground color to the correct one.

Device form factor	Saw the problem?
Desktop	Yes

[beervoley]

@StephenLPeters @karenbtlai FYI

[StephenLPeters]

What causes them to populate with the right foreground?

[beervoley]

I hovered over them, then they changed to proper foreground.

[StephenLPeters]

This seems pretty bad to me. @beervoley do you have an idea what might be going on? I think we should get this into a servicing fix.

[karkarl]

@beervoley I'm unable to repro. Are you still seeing this on your machine?