Skip to content

fix cloud background + status styling for cloud conversations#10511

Merged
harryalbert merged 1 commit into
masterfrom
harry/app-4410-fix-cloud-styling-in-agent-icon-status-component
May 8, 2026
Merged

fix cloud background + status styling for cloud conversations#10511
harryalbert merged 1 commit into
masterfrom
harry/app-4410-fix-cloud-styling-in-agent-icon-status-component

Conversation

@harryalbert
Copy link
Copy Markdown
Contributor

@harryalbert harryalbert commented May 8, 2026

Description

WISOTT. The original figma called for the cloud to have foreground color, but the status icon wasn't standing out against that color at all times. To fix this, we're changing it so that the cloud bg is foreground but the status colors (just in the cloud case) use ansi_bg_<color> instead of the base ansi color (the bg variants are made to stand out against the foreground).

Testing

  • I have manually tested my changes locally with ./script/run

Screenshots / Videos

https://www.loom.com/share/8c5668b9293d4ae4a0adf08a763a530b

Agent Mode

  • Warp Agent Mode - This PR was created via Warp's AI Agent Mode

@cla-bot cla-bot Bot added the cla-signed label May 8, 2026
Copy link
Copy Markdown
Contributor Author

This stack of pull requests is managed by Graphite. Learn more about stacking.

@harryalbert harryalbert marked this pull request as ready for review May 8, 2026 20:03
@harryalbert harryalbert requested a review from zachbai May 8, 2026 20:03
@harryalbert harryalbert changed the title fix cloud background + status styling for cloud convos fix cloud background + status styling for cloud conversations May 8, 2026
@oz-for-oss
Copy link
Copy Markdown
Contributor

oz-for-oss Bot commented May 8, 2026

@harryalbert

I'm starting a first review of this pull request.

You can view the conversation on Warp.

I completed the review and no human review was requested for this pull request.

Comment /oz-review on this pull request to retrigger a review (up to 3 times on the same pull request).

Powered by Oz

Copy link
Copy Markdown
Contributor

@oz-for-oss oz-for-oss Bot left a comment

Choose a reason for hiding this comment

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

Overview

This PR changes cloud conversation status styling so the cloud overlay uses the theme foreground color while cloud status icons use background-blended ANSI colors; other status surfaces continue using standard foreground-blended colors.

Concerns

  • No blocking correctness or security concerns found in the annotated diff.

Verdict

Found: 0 critical, 0 important, 0 suggestions

Approve

Comment /oz-review on this pull request to retrigger a review (up to 3 times on the same pull request).

Powered by Oz

Copy link
Copy Markdown
Contributor

@zachbai zachbai left a comment

Choose a reason for hiding this comment

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

🚀

@harryalbert harryalbert force-pushed the harry/app-4410-fix-cloud-styling-in-agent-icon-status-component branch from c4ad9ce to ea0723e Compare May 8, 2026 21:08
@harryalbert harryalbert enabled auto-merge (squash) May 8, 2026 21:09
@harryalbert harryalbert merged commit ef00af0 into master May 8, 2026
25 of 26 checks passed
@harryalbert harryalbert deleted the harry/app-4410-fix-cloud-styling-in-agent-icon-status-component branch May 8, 2026 21:25
trungtai1805 pushed a commit to trungtai1805/warp that referenced this pull request May 9, 2026
…tdev#10511)

## Description
<!-- Please remember to add your design buddy onto the PR for review, if
it contains any UI changes! -->

WISOTT. The original figma called for the cloud to have `foreground`
color, but the status icon wasn't standing out against that color at all
times. To fix this, we're changing it so that the cloud bg is
`foreground` but the status colors (just in the cloud case) use
`ansi_bg_<color>` instead of the base ansi color (the bg variants are
made to stand out against the foreground).

## Testing
<!--
How did you test this change? What automated tests did you add? If you
didn't add any new tests, what's your justification for not adding any?

Manual testing is required for changes that can be manually tested, and
almost all changes can be manually tested. If your change can be
manually tested, please include screenshots or a screen recording that
show it working end to end.

You can run the app locally using `./script/run` - see WARP.md for more
details on how to get set up.
-->

- [x] I have manually tested my changes locally with `./script/run`

### Screenshots / Videos
<!-- Attach screenshots or a short video demonstrating the change, where
appropriate. Remove this section if it is not relevant to your PR. -->

https://www.loom.com/share/8c5668b9293d4ae4a0adf08a763a530b

## Agent Mode
- [x] Warp Agent Mode - This PR was created via Warp's AI Agent Mode
tungd pushed a commit to tungd/warp that referenced this pull request May 11, 2026
…tdev#10511)

## Description
<!-- Please remember to add your design buddy onto the PR for review, if
it contains any UI changes! -->

WISOTT. The original figma called for the cloud to have `foreground`
color, but the status icon wasn't standing out against that color at all
times. To fix this, we're changing it so that the cloud bg is
`foreground` but the status colors (just in the cloud case) use
`ansi_bg_<color>` instead of the base ansi color (the bg variants are
made to stand out against the foreground).

## Testing
<!--
How did you test this change? What automated tests did you add? If you
didn't add any new tests, what's your justification for not adding any?

Manual testing is required for changes that can be manually tested, and
almost all changes can be manually tested. If your change can be
manually tested, please include screenshots or a screen recording that
show it working end to end.

You can run the app locally using `./script/run` - see WARP.md for more
details on how to get set up.
-->

- [x] I have manually tested my changes locally with `./script/run`

### Screenshots / Videos
<!-- Attach screenshots or a short video demonstrating the change, where
appropriate. Remove this section if it is not relevant to your PR. -->

https://www.loom.com/share/8c5668b9293d4ae4a0adf08a763a530b

## Agent Mode
- [x] Warp Agent Mode - This PR was created via Warp's AI Agent Mode
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants