PR #25880: fix(ui): corrected background color check in user message components

• Repository: google-gemini/gemini-cli
• Author: devr0306
• State: closed | merged: True
• Link: https://github.com/google-gemini/gemini-cli/pull/25880

Description (problem / solution / changelog)

Summary

<!-- Concisely describe what this PR changes and why. Focus on impact and urgency. -->

Fixed check for background color in user message components, correctly adding padding around them in the process.

Details

<!-- Add any extra context and design decisions. Keep it brief but complete. -->

Fixed

• packages/cli/src/ui/components/messages/HintMessage.tsx
• packages/cli/src/ui/components/messages/UserMessage.tsx
• packages/cli/src/ui/components/messages/UserShellMessage.tsx

Related Issues

<!-- Use keywords to auto-close issues (Closes #123, Fixes #456). If this PR is only related to an issue or is a partial fix, simply reference the issue number without a keyword (Related to #123). -->

Fixes #25879

How to Validate

<!-- List exact steps for reviewers to validate the change. Include commands, expected results, and edge cases. -->

Start the CLI after typing export NO_COLOR=true in the terminal. After asking multiple commands, there should be space around the user messages in the history. Typing a shell command like ! ls should also have padding.

Screenshot: <img width="937" height="518" alt="Screenshot 2026-04-23 at 2 38 23 PM" src="https://github.com/user-attachments/assets/9fa3088a-32c6-4373-84d8-636ae892d179" />

Pre-Merge Checklist

<!-- Check all that apply before requesting review or merging. -->

• Updated relevant documentation and README (if needed)
• Added/updated tests (if needed)
• Noted breaking changes (if any)
• Validated on required platforms/methods:
  • MacOS
    • npm run
    • npx
    • Docker
    • Podman
    • Seatbelt
  • Windows
    • npm run
    • npx
    • Docker
  • Linux
    • npm run
    • npx
    • Docker

Changed files

• packages/cli/src/ui/components/messages/HintMessage.test.tsx (added, +56/-0)
• packages/cli/src/ui/components/messages/HintMessage.tsx (modified, +3/-1)
• packages/cli/src/ui/components/messages/UserMessage.test.tsx (modified, +34/-0)
• packages/cli/src/ui/components/messages/UserMessage.tsx (modified, +3/-1)
• packages/cli/src/ui/components/messages/UserShellMessage.test.tsx (added, +54/-0)
• packages/cli/src/ui/components/messages/UserShellMessage.tsx (modified, +3/-1)
• packages/cli/src/ui/components/messages/__snapshots__/HintMessage.test.tsx.snap (added, +7/-0)
• packages/cli/src/ui/components/messages/__snapshots__/UserMessage.test.tsx.snap (modified, +6/-0)
• packages/cli/src/ui/components/messages/__snapshots__/UserShellMessage.test.tsx.snap (added, +7/-0)