Button becomes invisible in dark mode

Problem Description

A plain button with no stylizing becomes invisible in dark mode.

Here's super simple form:

import { View, StyleSheet, Button } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <Button title='Hello, World' />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Steps To Reproduce

1. Create a sample app
2. Add just one button with a title
3. Toggle dark/light modes
4. Watch the button appear/disappear

Expected Results

The button should be visible in both modes.

CLI version

20.0.0

Environment

System:
  OS: Windows 11 10.0.26200
  CPU: (12) arm64 Snapdragon(R) X 12-core X1E80100 @ 3.40 GHz
  Memory: 38.90 GB / 63.49 GB
Binaries:
  Node:
    version: 25.2.1
    path: C:\Program Files\nodejs\node.EXE
  Yarn:
    version: 3.6.1
    path: C:\Program Files (x86)\Yarn\bin\yarn.CMD
  npm:
    version: 11.6.2
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Enabled
    AllowAllTrustedApps: Enabled
    Versions:
      - 10.0.19041.0
      - 10.0.22621.0
      - 10.0.26100.0
IDEs:
  Android Studio: Not Found
  Visual Studio:
    - 18.1.11312.151 (Visual Studio Enterprise 2026)
    - 17.14.36811.4 (Visual Studio Enterprise 2022)
Languages:
  Java: Not Found
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.0
    wanted: 20.0.0
  react:
    installed: 19.1.0
    wanted: 19.1.0
  react-native:
    installed: 0.81.5
    wanted: 0.81.5
  react-native-windows:
    installed: 0.0.0-canary.1020
    wanted: 0.0.0-canary.1020

Community Modules

None

Target React Native Architecture

New Architecture (WinAppSDK) Only

Target Platform Version

10.0.22621

Visual Studio Version

Visual Studio 2022

Build Configuration

Debug

Screenshots