Skip to content

PlatformColor Doesn't Respect Appearance.setColorScheme #13279

Open
@MicrosoftNik

Description

@MicrosoftNik

Problem Description

Our app relies on the system visual theme instead of the app visual theme but by default PlatformColor uses the app visual theme. I tried setting the color scheme to dark while the app visual scheme was light by using Appearance.setColorScheme as a workaround but this had no effect on PlatformColor which continued using the light theme when used with a brush.

Steps To Reproduce

  1. Call Appearance.setColorScheme("dark") while the app theme is set to "light" (Settings -> Personalization -> Colors).
  2. Pass a brush to PlatformColor that has both light and dark theme colors.
  3. Observe that PlatformColor continues using the brushes for "light" theme instead of "dark".

Expected Results

No response

CLI version

npx react-native -v

Environment

npx react-native info

Target Platform Version

None

Target Device(s)

No response

Visual Studio Version

None

Build Configuration

None

Snack, code example, screenshot, or link to a repository

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Area: FabricSupport Facebook FabricArea: PaperArea: PlatformColorOld ArchitectureBroad category for issues that apply to the RN "old" architecture of Cxx Modules + PaperParity: React NativeRNW does not look or behave like upstream RN platformsPartner: MicrosoftWorkstream: Component ParityClose the parity gap between RNW and RN for core RN components and their supporting APIs.bug

    Type

    Projects

    Status

    No status

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions