fix: review button visibility issue on voice recording screen

[Rohit3523]

Proposed changes

This PR fixes an issue where the review button was not visible on the voice recording screen due to inconsistent color styling.

Issue(s)

https://rocketchat.atlassian.net/browse/CORE-1742

How to test or reproduce

Screenshots

Theme	Before	After
Light
Dark
Black

Types of changes

• Bugfix (non-breaking change which fixes an issue)
• Improvement (non-breaking change which improves a current function)
• New feature (non-breaking change which adds functionality)
• Documentation update (if none of the other choices apply)

Checklist

• I have read the CONTRIBUTING doc
• I have signed the CLA
• Lint and unit tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works (if applicable)
• I have added necessary documentation (if applicable)
• Any dependent changes have been merged and published in downstream modules

Further comments

Summary by CodeRabbit

• Style
  • Updated the review button icon color in the message composer.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Important

Review skipped

Review was skipped due to path filters

⛔ Files ignored due to path filters (1)

• app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap is excluded by !**/*.snap

CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including **/dist/** will override the default block on the dist directory, by removing the pattern from both the lists.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Walkthrough

The ReviewButton icon color in the voice recording screen is updated from colors.fontWhite to colors.fontDefault to improve visibility. This is a single-line styling adjustment with no functional behavior changes.

Changes

Cohort / File(s)	Summary
Icon Color Update app/containers/MessageComposer/components/RecordAudio/ReviewButton.tsx	ReviewButton right-arrow icon color changed from colors.fontWhite to colors.fontDefault for improved visibility

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Suggested reviewers

• OtavioStasiak

Poem

🐰 A button once hidden in snowy white light,
Now dressed in default, it's finally in sight!
The review arrow gleams, no longer to fade,
On voice recordings made, visibility's made! 🎤

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'fix: review button visibility issue on voice recording screen' directly and clearly describes the main change—fixing a visibility problem with the review button. It accurately reflects the changeset's primary objective.
Linked Issues check	✅ Passed	The PR addresses CORE-1742 by changing the review button icon color from fontWhite to fontDefault to fix visibility issues across Light, Dark, and Black themes as required.
Out of Scope Changes check	✅ Passed	The single file change (ReviewButton.tsx icon color adjustment) is directly scoped to the visibility issue described in CORE-1742. No unrelated changes detected.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch voice-button-color-fix

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}