Fixed NavigationStore style

[MajorXAML]

To match the Microsoft Store window

[pomianowski]

I think that ActiveBorder and ElementIcon should have SystemAccentBrush.

[MajorXAML]

I think that ActiveBorder and ElementIcon should have SystemAccentBrush.

As far as I understand, the pure system brush is almost never used in the interface. Except for the AccentFillColorSelectedTextBackgroundBrush

Microsoft creates three shades from SystemAccentColor for each theme and uses them. So ActiveBorder and ElementIcon must use AccentFillColorDefaultBrush like a button for example. I did a little comparison of the two colors in windows toolkit, please take a look.

I've highlighted the same colors with a border, and as you can see, their order for AccentText is different for the two themes. That's why I suggested splitting the brushes into two theme files.

Dark theme
<SolidColorBrush x:Key="AccentTextFillColorPrimaryBrush" Color="{ThemeResource SystemAccentColorLight3}" />
<SolidColorBrush x:Key="AccentTextFillColorSecondaryBrush" Color="{ThemeResource SystemAccentColorLight3}" />
<SolidColorBrush x:Key="AccentTextFillColorTertiaryBrush" Color="{ThemeResource SystemAccentColorLight2}" />

Light theme
<SolidColorBrush x:Key="AccentTextFillColorPrimaryBrush" Color="{ThemeResource SystemAccentColorDark2}" />
<SolidColorBrush x:Key="AccentTextFillColorSecondaryBrush" Color="{ThemeResource SystemAccentColorDark3}" />
<SolidColorBrush x:Key="AccentTextFillColorTertiaryBrush" Color="{ThemeResource SystemAccentColorDark1}" />

Yes, Dark theme uses SystemAccentColorLight and Dark uses SystemAccentColorLight 🤯🤯🤯
according to the Common_themeresources_any.xaml file... But it doesn't seem right to me.

Fun fact SystemAccentColorLight1 is never used... it's not even there.