[Windows] Fix issues setting Shell TabBar appearance

[PureWeen]

Description of Change

Windows portion of the following PR
#15447

Priority of how the colors are applied.

The APIs available to us are fairly limiting in scope. Ideally, we would make this all work through the VSM and just use two APIs (IconColor/TitleColor) but for now we are just making these APIs consistent between the platforms.

The three properties users have to influence the TabItem coloring are: TabBarUnselectedColor, TabBarTitleColor, and TabBarForegroundColor

• If the user only sets Shell.TabBarTitleColor that will color the Title and Icon of the selected item. I realize this is a bit weird for TitleColor to change Icon color but this is currently how Android works and it's not really worth breaking this until we just introduce new APIs.
• If Shell.TabBarTitleColor is not set then the TitleColor will match the TabBarForegroundColor
• If TabBarForegroundColor is set and TabBarUnselectedColor isn't set then TabBarForegroundColor will be the color used for the text/icon of the selected TabItem
• If TabBarUnselectedColor is the only thing set then that will be used for the text/icon color on the unselected Tab Item.

Examples

• TabBarTitleColor: Green
  • Selected Icon is Green, Selected Text is Green, Unselected item matches system colors
• TabBarForegroundColor: Blue
• Selected Icon is Blue, Selected Text is Blue, Unselected item matches system colors
• TabBarForegroundColor: Blue, TabBarTitleColor: Green
• Selected Icon is Blue, Selected Text is Green, Unselected item matches system colors
• Shell.ForegroundColor: Blue, TabBarTitleColor: Green (ForegroundColor propagates to TabBarForegroundColor).
• Selected Icon is Blue, Selected Text is Green, Unselected item matches system colors
• TabBarForegroundColor: Blue, TabBarTitleColor: Green, TabBarUnselectedColor: Pink
• Selected Icon is Blue, Selected Text is Green, Unselected text and Icon is Pink

Breaking changes

• TabbedPage.UnselectedColor and TabbedPage.SelectedColor used to set the color of the tab background but now they just set the color of the text to stay consistent with android/ios
  • users can call UpdateTopNavigationViewItemBackgroundUnselectedColor and UpdateTopNavigationViewItemBackgroundSelectedColor if they want to set the background colors on the tabs

Issues Fixed

Fixes #12386
Fixes #6929

Video

ShellTabBarColors.mp4

[jsuarezruiz]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 2 pipeline(s).