[Gallery][Wasm]Tabbar-For Material Top TabBar sample Page' the tab Icon and text color is not changing for dark theme.

[sakshi173]

Current behavior

Expected behavior

The Text and Icon color should change to black color for dark theme or the whole screen should change in black color.

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

1. Open Uno Gallery APP
2. Tap "TabBar" from the "Component" list.
3. Go to 'Material' section.
4. Click on the Light/Dark theme change toggle button.
5. Notice that the app is displaying in the Dark theme.
6. Click on 'Show Fullscreen sample' button.
7. Notice that the 'Tabbar Icon and text' for example 'Search'option is not displaying as per dark theme.

Workaround

No response

Works on UWP/WinUI

None

Environment

No response

NuGet package version(s)

No response

Affected platforms

WebAssembly

IDE

No response

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

No response

[Youssef1313]

I think this is caused by the hard-coded "LightGray" backgrounds in https://github.com/unoplatform/Uno.Gallery/blob/1127c09904e889f2265934db3d03ca1e0cbc99e6/Uno.Gallery/Uno.Gallery.Shared/Views/NestedPages/MaterialTopBarSampleNestedPage.xaml

[kazo0]

Would be good for @vatsashah45 / @Darsh0307 to pick up

[Darsh0307]

@sakshi173 Will making the background colour black be the best solution for this one?

[Youssef1313]

@Darsh0307 I think it should depend on the theme.

[Darsh0307]

But @Youssef1313 if i see we can change the colour of the

[kazo0]

@Darsh0307 let's change those to {ThemeResource SurfaceBrush}

And the FontIcons/TextBlocks should use OnSurfaceBrush as their foregrounds

[Darsh0307]

https://teams.microsoft.com/l/message/19:c857d68e0be84cfba6ff9a8611200680@thread.tacv2/1699034108277?tenantId=a297d6c0-b635-41a3-b1e3-558efe71e413&groupId=f55cdec8-036b-4efa-8e1a-c4129ba9bf12&parentMessageId=1699034108277&teamName=Uno%20Platform&channelName=Collab%20Lounge&createdTime=1699034108277

This is a blocker for me.