microsoft / microsoft/react-native-gallery

Description

Fix Theme Overall design in New Arch, check for reference:

This is the flow currently. The bug is in the useTheme which is set as default but should be as per the themecontext

ans useTheme is used in 70+ code files already:

Also some places PlatformColor is used https://github.com/search?q=repo%3Amicrosoft%2Freact-native-gallery+platformcolor&type=code

refer https://github.com/microsoft/react-native-windows/blob/d9bd9b2d9125dca833c7b1268f4f0497e95c79a3/vnext/Microsoft.ReactNative/Fabric/Composition/Theme.cpp#L242

All code in theme should follow PlatformColor not hardcoded strings in js

especially in these files:

https://github.com/microsoft/react-native-gallery/blob/main/NewArch/src/themes/LightTheme.tsx
https://github.com/microsoft/react-native-gallery/blob/main/NewArch/src/themes/DarkTheme.tsx
https://github.com/microsoft/react-native-gallery/blob/main/NewArch/src/themes/HighContrastTheme.tsx

Contributor guide

Open the contributing guide

First steps

1. Read the whole issue, then the project's contributing guide.
2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
3. Fork the repository and make your change on a branch.
4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.