Skip to content

fix: use pink unread dots in Activity and sidebars - #3218

Draft
hitanshup wants to merge 3 commits into
block:mainfrom
hitanshup:hitanshu/112026_activity_unread_pink
Draft

hitanshup wants to merge 3 commits into
block:mainfrom
hitanshup:hitanshu/112026_activity_unread_pink

Conversation

@hitanshup

@hitanshup hitanshup commented Nov 10, 2026 •

Copy link
Copy Markdown

Why are we making this change?

Unread threads and messages in Activity and the channel/DM sidebar currently use neutral dots that are easy to overlook. Consistent pink dots make unread activity easier to spot, similar to Slack.

What changed

Activity's existing MessageListRow and the sidebar's UnreadBadge composition use a dedicated status-unread color: magenta in light mode and a lighter pink in dark mode. Existing visibility, read-state behavior, text styling and row backgrounds stay with their current owners. Selected sidebar rows retain the contrast ink paired with their accent fill. The shared token registry and contrast checks cover the new role on resting, hovered and selected panel surfaces.

Validation

  • Inbox and sidebar browser files: 26 tests passed across Chromium and WebKit, including read/unread transitions, keyboard and pointer navigation, and narrow/wide layouts in both themes.
  • Existing browser journey now checks the rendered pink dot. Restoring the old CSS made it fail with the original neutral color; restoring the change passed.
  • The sidebar journey also selects a DM under light Magenta and marks it unread, confirming the existing selected-row override keeps the dot white. Both engines pass; replacing that override with pink makes the assertion fail. The full sidebar file passed again (14 tests) after adding this step.
  • Focused Inbox/contrast tests: 196 passed. Design-system tests: 206 passed. Design checks and design builds passed.
  • Post-commit sq agents review completed on the combined Activity/sidebar change with no findings.
  • Hosted Codex follow-up review completed on fac81077e with no findings. The prior selected-dot comment was answered inline with source and runtime evidence and resolved.
  • No browser cases added or removed; the existing browser journey owns computed CSS and responsive rendering that jsdom cannot verify.
  • Native debug Buzz was built and opened. The author joined in the local dev window, supplied a screenshot confirming pink Activity dots, and confirmed the sidebar dots are pink after the follow-up. Hosted CI requires maintainer approval for the fork workflow; local push hooks passed. This PR stays draft as requested.

Screenshots

Before/after light and after dark screenshots were captured with synthetic fixture data in the real app. GitHub CLI refuses attachments to this upstream repository because this account has read-only access; screenshot attachment remains pending a maintainer. No live community content was uploaded.

Manual check

Open Activity with an unread thread or DM in light and dark mode. Its unread dot should be pink, as should unread channel activity and DM dots in the sidebar. Open or mark the conversation read: its dot disappears according to the existing read behavior. Mark it unread again: the dot returns wherever it was previously shown.

buzz-review-completed

Signed-off-by: Hitanshu Paruthi <hitanshu@squareup.com>
Signed-off-by: Hitanshu Paruthi <hitanshu@squareup.com>

Copy link
Copy Markdown
Author

🤖 @codex review

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Nov 10, 2026 •

Copy link
Copy Markdown
Codex Review Summary: ✅ Completed

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-11-10T18:30:19.419415Z fac8107 Manual request
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 7cd1350f8b

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Signed-off-by: Hitanshu Paruthi <hitanshu@squareup.com>

Copy link
Copy Markdown
Author

🤖 @codex review

The latest commit adds browser coverage for the prior finding's exact light-Magenta selected-DM scenario. It passes in Chromium and WebKit with the pre-existing paired-ink override; temporarily replacing that override with pink makes the test fail. I replied with source and runtime evidence in the original thread and resolved it. No production styling changed in this follow-up.

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. Nice work!

Reviewed commit: fac81077ee

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant