Skip to content

Conversation

@zoontek
Copy link
Contributor

@zoontek zoontek commented Jun 10, 2025

Summary:

This PR fixes RNTester system bars background color to match the app one (not solid black).

Changelog:

  • [Internal] [Changed] - Fix RNTester app system bars color when edge-to-edge is enforced

Test Plan:

demo.mp4

@facebook-github-bot facebook-github-bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Jun 10, 2025
@zoontek zoontek changed the title Fix system bars background edge to edge Fix RNTester system bars background when edge-to-edge is enforced Jun 10, 2025
@facebook-github-bot facebook-github-bot added the Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team. label Jun 10, 2025
@facebook-github-bot
Copy link
Contributor

@alanleedev has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

@zoontek zoontek force-pushed the fix-system-bars-background-edge-to-edge branch 2 times, most recently from d239ad6 to 2005481 Compare June 13, 2025 09:41
@zoontek zoontek force-pushed the fix-system-bars-background-edge-to-edge branch from 168175c to f9615cd Compare June 13, 2025 09:46
@zoontek
Copy link
Contributor Author

zoontek commented Jun 13, 2025

@alanleedev Updated it, it doesn't depends on #51925 anymore.

resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK ==
Configuration.UI_MODE_NIGHT_YES

val color = if (isDarkMode) "#0b0600" else "#f3f8ff"
Copy link
Contributor

@alanleedev alanleedev Jun 13, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we use int constructor instead of converting from hex string which doesn't require conversion?

true -> Color.rgb(11, 6, 0),
false -> Color.rgb(243, 248, 255),

@facebook-github-bot
Copy link
Contributor

@alanleedev has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

@facebook-github-bot facebook-github-bot added the Merged This PR has been merged. label Jun 13, 2025
@facebook-github-bot
Copy link
Contributor

@alanleedev merged this pull request in b5be57c.

@react-native-bot
Copy link
Collaborator

This pull request was successfully merged by @zoontek in b5be57c

When will my fix make it into a release? | How to file a pick request?

@zoontek zoontek deleted the fix-system-bars-background-edge-to-edge branch June 13, 2025 21:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Merged This PR has been merged. Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants