Skip to content

fix: dark mode in SnapshotExample in RNTester#41222

Closed
krozniata wants to merge 3 commits into
facebook:mainfrom
krozniata:fix/rntester-screenshot
Closed

fix: dark mode in SnapshotExample in RNTester#41222
krozniata wants to merge 3 commits into
facebook:mainfrom
krozniata:fix/rntester-screenshot

Conversation

@krozniata
Copy link
Copy Markdown
Contributor

Summary:

This PR fixes issue in RNTester causing labels and image background to not be visible in dark mode in SnapshotExample

It also fixes issue with description in Header not being visible in other components examples when using dark mode

Before & After
image

Changelog:

[INTERNAL] [FIXED] - Fix dark mode in SnapshotExample in RNTester

Test Plan:

  1. Launch RNTester with dark mode enabled
  2. Open Snapshot / Screenshot example
  3. All labels should be visible, image background should have white color

@facebook-github-bot facebook-github-bot added CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team. labels Oct 27, 2023
@okwasniewski
Copy link
Copy Markdown
Contributor

Are there any blockers to merge this?

Click to take a screenshot
</Text>
<Image
style={[style.image, {backgroundColor: theme.LabelColor}]}
Copy link
Copy Markdown
Contributor

@NickGerleman NickGerleman Jan 10, 2024

Choose a reason for hiding this comment

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

Why does image background get color for text?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I used LabelColor as it's currently only theme color that's opposite to background color

@facebook-github-bot
Copy link
Copy Markdown
Contributor

@NickGerleman 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 Jan 11, 2024
@facebook-github-bot
Copy link
Copy Markdown
Contributor

@NickGerleman merged this pull request in 371af3f.

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.

4 participants