[Fluent] `NavigationBar` is not themed

[MartinZikmund]

Current behavior

In light theme it looks like this (ok)

In dark theme it looks like this (not ok)

Same for the three dots button:

Expected behavior

How to reproduce it (as minimally and precisely as possible)

Environment

Nuget Package:

Package Version(s):

Affected platform(s):

• [ ] iOS
• [ ] Android
• [ ] WebAssembly
• [ ] WebAssembly renders for Xamarin.Forms
• [ ] Windows
• [ ] Build tasks

Visual Studio:

• [ ] 2017 (version: )
• [ ] 2019 (version: )
• [ ] for Mac (version: )

Relevant plugins:

• [ ] Resharper (version: )

Anything else we need to know?

[nickrandolph]

@MartinZikmund which platform is this on? I'm seeing this working fine on Windows and WASM eg

[MartinZikmund]

This was happening on WASM and Windows. I am guessing that it was duetl to the fact that I used Fluent instead of Material - the template may be different

[nickrandolph]

cc @kazo0 I think this is an issue with the fluent navigationbar styling not set to handle theming correctly

[kazo0]

Yeah the Toolkit controls really don't have a lot of love given to the non-Material styles at this point so we're going to need to take time to see how these should look in a non-Material context