microsoft / microsoft/react-native-windows

Text component cannot be set to black in dark mode

Open
#15,315 7 comments 0 reactions 1 assignee View on GitHub

@Nitin-100 is already working on this.

Since Nov 10, 2025.

bug
Dominant language
C++
Stars
17.3k
Forks
1.2k
Avg merge
1d 13h
Merged PRs (30d)
33

Description

Problem Description

Text component cannot be set to black in dark mode.
Despite setting color: "# 000" in the code, it still cannot be rendered.

Image
Steps To Reproduce
        <Text style={{ fontWeight: 'bold', color:"#000" }}>FancyMath:</Text>
Expected Results

The color of the text component should be consistent with the code settings.

CLI version

17.0.0

Environment
PS D:\VSProjects\native-module-sample> npx @react-native-community/cli info
info Fetching system and libraries information...
System:
  OS: Windows 11 10.0.26200
  CPU: (22) x64 Intel(R) Core(TM) Ultra 7 155H
  Memory: 15.28 GB / 31.52 GB
Binaries:
  Node:
    version: 24.11.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn:
    version: 3.6.1
    path: C:\Users\auser\AppData\Roaming\npm\yarn.CMD
  npm:
    version: 11.6.1
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK:
    API Levels:
      - "35"
      - "36"
      - "36"
    Build Tools:
      - 35.0.0
      - 36.0.0
      - 36.1.0
    Android NDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Enabled
    AllowAllTrustedApps: Enabled
    Versions:
      - 10.0.22621.0
      - 10.0.26100.0
IDEs:
  Android Studio: Not Found
  Visual Studio:
    - 18.0.11201.2 (Visual Studio Community 2026)
Languages:
  Java:
    version: 17.0.17
    path: C:\Program Files\BellSoft\LibericaJDK-17\bin\javac.EXE
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.1
    wanted: 20.0.1
  react:
    installed: 19.1.0
    wanted: 19.1.0
  react-native:
    installed: 0.80.2
    wanted: 0.80.2
  react-native-windows:
    installed: 0.80.1
    wanted: ^0.80.0
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not foun
Community Modules

No response

Target React Native Architecture

None

Target Platform Version

None

Visual Studio Version

None

Build Configuration

None

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

No response

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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.