Update design color tokens and UI component styling by andremion · Pull Request #6213 · GetStream/stream-chat-android

andremion · 2026-03-05T16:31:47Z

Goal

Update design color tokens and UI component styling

Implementation

NA

Testing

Please check the snapshot files

🎨 UI Changes

Please check the snapshot files

Summary by CodeRabbit

Style
- Updated design color tokens with improved naming conventions for better consistency across the app.
- Refreshed UI component colors including avatars, buttons, badges, and text overlays to use the new color system.
Refactor
- Reorganized and streamlined the public color API for the design theme system.
- Replaced deprecated color token names with more descriptive alternatives throughout the UI layer.

coderabbitai · 2026-03-05T16:39:57Z

Walkthrough

This PR refactors the design token system in Stream Chat Android Compose, renaming color tokens for consistency (e.g., borderCoreOnDark → borderCoreInverse, textOnDark → textInverse), introducing new control-related and playback color tokens, and updating all component usages to reference the new token names.

Changes

Cohort / File(s)	Summary
Public API Surface `stream-chat-android-compose.api`	Constructor signature adjustments and copy method renames for `StreamDesign$Colors`. Added new color accessors: `component75-0d7_KjU`, `component76-0d7_KjU`, `getBackgroundCoreOnAccent-0d7_KjU`, `getBorderCoreInverse-0d7_KjU`, `getChatTextTypingIndicator-0d7_KjU`, `getTextInverse-0d7_KjU`. Removed: `getChatBgTypingIndicator-0d7_KjU`, `getBadgeBgInverse-0d7_KjU`, `getBadgeTextInverse-0d7_KjU`, `getBorderCoreOnDark-0d7_KjU`.
Design Token System `src/main/java/io/getstream/chat/android/compose/ui/theme/StreamDesign.kt`	Major token refactoring: renamed `borderCoreOnDark` → `borderCoreInverse`, `textOnDark` → `textInverse`, `controlPlayControlBg/Icon` → `controlPlayButtonBg/Icon`. Added `backgroundCoreOnAccent`, playback thumb color tokens, and `chatTextTypingIndicator`. Removed `chatBgTypingIndicator` and `badgeTextInverse`. Updated default color mappings and palette values.
Component Border & Avatar Styling `src/main/java/io/getstream/chat/android/compose/ui/components/avatar/AvatarStack.kt`, `src/main/java/io/getstream/chat/android/compose/ui/components/avatar/ChannelAvatar.kt`	Updated border color from `borderCoreOnDark` to `borderCoreInverse` in avatar modifiers.
Component Text & Icon Styling `src/main/java/io/getstream/chat/android/compose/ui/components/common/CommandChip.kt`, `src/main/java/io/getstream/chat/android/compose/ui/theme/ChatComponentFactory.kt`, `src/main/java/io/getstream/chat/android/compose/ui/util/StreamSnackbar.kt`	Updated text and icon colors from `textOnDark`/`badgeTextInverse` to `textInverse` across UI elements.
Component Background & Control Styling `src/main/java/io/getstream/chat/android/compose/ui/components/attachments/images/ImagesPicker.kt`, `src/main/java/io/getstream/chat/android/compose/ui/components/common/PlayButton.kt`, `src/main/java/io/getstream/chat/android/compose/ui/components/messages/ScrollToBottomButton.kt`, `src/main/java/io/getstream/chat/android/compose/ui/components/poll/PollVoteItem.kt`	Updated background and control color references: `badgeBgInverse` → `accentBlack`, `controlPlayControlBg/Icon` → `controlPlayButtonBg/Icon`, `borderCoreOnDark` → `badgeBorder`/`borderCoreInverse`, and `badgeBgInverse` → adjusted elevation values.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

🐰 Design tokens dance in the pale moonlight,
Renaming borders from dark to inverse, what a sight!
From textOnDark to textInverse, they spring,
Colors realigned—a harmonious thing!
With whiskers twitching, I approve this refactor,
A UI symphony, now more systematic and faster! 🎨✨

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 27.27% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.
Description check	⚠️ Warning	The description is largely incomplete. It lacks critical sections including implementation details, proper UI change documentation with before/after comparisons, detailed testing instructions, and the contributor checklist.	Provide implementation details explaining the design token changes, add before/after screenshots/videos for UI changes, clarify testing procedures beyond 'check snapshot files', and complete the contributor and reviewer checklists.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately summarizes the main changes: updating design color tokens and UI component styling across the codebase.

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

✨ Finishing Touches

📝 Generate docstrings (stacked PR)
📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch redesign/update-stream-design-tokens

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

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

coderabbitai

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

stream-chat-android-compose/api/stream-chat-android-compose.api (1)
3690-3817: ⚠️ Potential issue | 🟠 Major

Update CHANGELOG to document new color token getters.

The stream-chat-android-compose section in CHANGELOG.md is empty and contains no documentation of the new token getters added at lines 3690–3817 in the API file (e.g., getBackgroundCoreOnAccent, getBorderCoreInverse, getTextInverse, getChatTextTypingIndicator, and others). For a v7 major version, add an entry under ✅ Added documenting these new design tokens and their semantic purposes.
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@stream-chat-android-compose/api/stream-chat-android-compose.api` around lines
3690 - 3817, The CHANGELOG entry for stream-chat-android-compose is missing
documentation for the new color token getters introduced in this v7 API (e.g.,
getBackgroundCoreOnAccent, getBorderCoreInverse, getTextInverse,
getChatTextTypingIndicator, getBadgeBgDefault, getButtonPrimaryBg,
getChatBgIncoming, etc. listed in the API diff); update CHANGELOG.md under the
stream-chat-android-compose section by adding a `✅ Added` subsection that lists
these new design-token getter methods and a one-line semantic purpose for each
(concise descriptions like "getChatTextTypingIndicator — color for typing
indicator text", "getBorderCoreInverse — inverse border color for dark
backgrounds"), and ensure the entry is clearly marked for the v7 major release.

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Outside diff comments:
In `@stream-chat-android-compose/api/stream-chat-android-compose.api`:
- Around line 3690-3817: The CHANGELOG entry for stream-chat-android-compose is
missing documentation for the new color token getters introduced in this v7 API
(e.g., getBackgroundCoreOnAccent, getBorderCoreInverse, getTextInverse,
getChatTextTypingIndicator, getBadgeBgDefault, getButtonPrimaryBg,
getChatBgIncoming, etc. listed in the API diff); update CHANGELOG.md under the
stream-chat-android-compose section by adding a `✅ Added` subsection that lists
these new design-token getter methods and a one-line semantic purpose for each
(concise descriptions like "getChatTextTypingIndicator — color for typing
indicator text", "getBorderCoreInverse — inverse border color for dark
backgrounds"), and ensure the entry is clearly marked for the v7 major release.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: ccdc2541-fdda-40b1-a6ff-b8ccd34de441

📥 Commits

Reviewing files that changed from the base of the PR and between 1966f5c and 04fb2fc.

⛔ Files ignored due to path filters (98)

stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.attachments.content_AttachmentsContentTest_file_upload_content.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.attachments.preview_MediaGalleryPreviewOptionsMenuTest_media_gallery_options_menu_for_other_user.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.attachments.preview_MediaGalleryPreviewOptionsMenuTest_media_gallery_options_menu_for_own_user.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.attachments.preview_MediaGalleryPreviewScreenTest_media_gallery_footer_sharing_in_progress.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.attachments.preview_MediaGalleryPreviewScreenTest_media_gallery_header_connecting.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.attachments.preview_MediaGalleryPreviewScreenTest_media_gallery_screen_with_gallery_bottom_sheet.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.attachments.preview_MediaGalleryPreviewScreenTest_media_gallery_screen_with_options_menu.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.attachments_ChannelFilesAttachmentsContentTest_loading_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.attachments_ChannelFilesAttachmentsContentTest_loading_more_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.attachments_ChannelMediaAttachmentsContentTest_loading_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.attachments_ChannelMediaAttachmentsContentTest_loading_more_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.attachments_ChannelMediaAttachmentsPreviewContentTest_preparing_to_share_content_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoMemberInfoModalSheetTest_banned_member.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoMemberInfoModalSheetTest_banned_member_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoMemberInfoModalSheetTest_not_banned_member.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoMemberInfoModalSheetTest_not_banned_member_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoScreenModelTest_ban_member_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoScreenModelTest_delete_direct_channel_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoScreenModelTest_delete_group_channel_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoScreenModelTest_hide_direct_channel_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoScreenModelTest_hide_group_channel_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoScreenModelTest_leave_direct_channel_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoScreenModelTest_leave_group_channel_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_ChannelInfoScreenModelTest_remove_member_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_DirectChannelInfoContentTest_content.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_DirectChannelInfoContentTest_content_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_DirectChannelInfoContentTest_loading_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_GroupChannelInfoContentTest_collapsed_members.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_GroupChannelInfoContentTest_collapsed_members_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_GroupChannelInfoContentTest_expanded_members.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_GroupChannelInfoContentTest_expanded_members_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channel.info_GroupChannelInfoContentTest_loading_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelItemTest_draft_message.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelItemTest_last_message_seen_status.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelItemTest_unread_messages.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelListHeaderTest_connected,_no_user.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelListHeaderTest_connected,_with_user.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelListHeaderTest_connecting,_no_user.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelListHeaderTest_connecting,_with_user.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelListHeaderTest_offline,_no_user.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelListHeaderTest_offline,_with_user.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelListTest_loaded_channels.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelListTest_loading_more_channels.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_ChannelListTest_search_results.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_SelectedChannelMenuTest_selected_channel.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.channels_SelectedChannelMenuTest_selected_channel_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.attachments.files_FilesPickerTest_multiple_selection.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.attachments.files_FilesPickerTest_single_selection.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.attachments.images_ImagesPickerTest_add_more.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.attachments.images_ImagesPickerTest_selection.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.messages_MessageAnnotationTest_message_annotations.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.poll_PollOptionVotesDialogTest_content_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.poll_PollOptionVotesDialogTest_content_in_light_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.poll_PollOptionVotesDialogTest_loading_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.poll_PollOptionVotesDialogTest_loading_more_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.poll_PollOptionVotesDialogTest_loading_more_in_light_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.poll_PollViewResultDialogTest_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.components.poll_PollViewResultDialogTest_light_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.mentions_MentionListTest_loaded_mention_list.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.mentions_MentionListTest_loading_mention_list.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.mentions_MentionListTest_loading_more_mention_list.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments.poll_PollCreationDiscardDialogTest_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments.poll_PollCreationDiscardDialogTest_light_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments.poll_PollCreationHeaderTest_enabled.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments.poll_PollSwitchListTest_list_items.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments_AttachmentFilePickerTest_multiple_selection.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments_AttachmentFilePickerTest_single_selection.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments_AttachmentMediaPickerTest_selection.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments_AttachmentTypePickerTest_in-app_picker.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments_AttachmentTypePickerTest_in-app_picker_with_commands.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.attachments_AttachmentTypePickerTest_in-app_picker_with_polls.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.composer.internal_AudioRecordingButtonTest_button_locked.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.composer.internal_AudioRecordingButtonTest_button_overview.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.composer.internal_AudioRecordingContentTest_locked_content.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages.composer.internal_AudioRecordingContentTest_overview_content.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_active_command_filled.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_attachments.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_attachments_and_link.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_edit,_attachments,_and_link.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_edit.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_filled.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_link.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_overflow.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_reply,_attachments,_and_link.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageComposerInputTest_thread_mode_also_send_to_channel.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageListTest_loaded_messages_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageListTest_loading_messages.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageListTest_loading_older_messages.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.messages_MessageListTest_scroll_to_bottom_button_in_dark_mode.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.pinned_PinnedMessageItemTest_pinnedMessageItem.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.pinned_PinnedMessageListTest_loaded_pinned_messages.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.pinned_PinnedMessageListTest_loading_more_pinned_messages.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.pinned_PinnedMessageListTest_loading_pinned_messages.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.threads_ThreadItemTest_threadItem.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.threads_ThreadListTest_loaded_threads.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.threads_ThreadListTest_loaded_threads_with_unread_banner.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.threads_ThreadListTest_loading_more_threads.png is excluded by !**/*.png
stream-chat-android-compose/src/test/snapshots/images/io.getstream.chat.android.compose.ui.threads_ThreadListTest_loading_threads.png is excluded by !**/*.png

📒 Files selected for processing (11)

stream-chat-android-compose/api/stream-chat-android-compose.api
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/attachments/images/ImagesPicker.kt
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/avatar/AvatarStack.kt
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/avatar/ChannelAvatar.kt
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/common/CommandChip.kt
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/common/PlayButton.kt
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/messages/ScrollToBottomButton.kt
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/poll/PollVoteItem.kt
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/theme/ChatComponentFactory.kt
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/theme/StreamDesign.kt
stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/util/StreamSnackbar.kt

github-actions · 2026-03-05T17:22:30Z

PR checklist ✅

All required conditions are satisfied:

Title length is OK (or ignored by label).
At least one pr: label exists.
Sections ### Goal, ### Implementation, and ### Testing are filled.

🎉 Great job! This PR is ready for review.

aleksandar-apostolov · 2026-03-05T19:45:56Z

This is the resulting composer of this PR. Which looks far off from what figma has. I think we'll postopne this PR. I resolved some conflicts, but we will review this during polish phase.

aleksandar-apostolov

We need to review the impact of these changes.

github-actions · 2026-03-05T19:53:22Z

SDK Size Comparison 📏

SDK	Before	After	Difference	Status
stream-chat-android-client	5.25 MB	5.69 MB	0.44 MB	🟡
stream-chat-android-ui-components	10.60 MB	11.00 MB	0.40 MB	🟡
stream-chat-android-compose	12.81 MB	12.03 MB	-0.79 MB	🚀

andremion · 2026-03-06T09:29:27Z

This is the resulting composer of this PR. Which looks far off from what figma has. I think we'll postopne this PR. I resolved some conflicts, but we will review this during polish phase.

Turned out that the designer realized that different radius values per platform are not needed.
I dropped the commit.

sonarqubecloud · 2026-03-06T09:33:50Z

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
96.2% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

andremion requested a review from a team as a code owner March 5, 2026 16:31

andremion added the pr:ignore-for-release Exclude from release notes label Mar 5, 2026

coderabbitai bot reviewed Mar 5, 2026

View reviewed changes

andremion enabled auto-merge (squash) March 5, 2026 16:49

andremion changed the title ~~Update theme color tokens and UI component styling~~ Update design tokens and UI component styling Mar 5, 2026

aleksandar-apostolov requested changes Mar 5, 2026

View reviewed changes

andremion added 2 commits March 6, 2026 09:24

Update theme color tokens and UI component styling

9cd9529

Inline size tokens in UI components

2a28913

andremion force-pushed the redesign/update-stream-design-tokens branch from b85aee1 to 2a28913 Compare March 6, 2026 09:25

andremion disabled auto-merge March 6, 2026 09:30

andremion enabled auto-merge (squash) March 6, 2026 09:31

andremion changed the title ~~Update design tokens and UI component styling~~ Update design color tokens and UI component styling Mar 6, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update design color tokens and UI component styling#6213

Update design color tokens and UI component styling#6213
andremion wants to merge 2 commits intov7from
redesign/update-stream-design-tokens

andremion commented Mar 5, 2026 •

edited

Loading

Uh oh!

coderabbitai bot commented Mar 5, 2026 •

edited

Loading

❌ Failed checks (2 warnings)

Uh oh!

coderabbitai bot left a comment

Uh oh!

github-actions bot commented Mar 5, 2026 •

edited

Loading

Uh oh!

aleksandar-apostolov commented Mar 5, 2026 •

edited

Loading

Uh oh!

aleksandar-apostolov left a comment

Uh oh!

github-actions bot commented Mar 5, 2026 •

edited

Loading

Uh oh!

andremion commented Mar 6, 2026

Uh oh!

sonarqubecloud bot commented Mar 6, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

andremion commented Mar 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Goal

Implementation

Testing

🎨 UI Changes

Summary by CodeRabbit

Uh oh!

coderabbitai bot commented Mar 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Poem

❌ Failed checks (2 warnings)

Uh oh!

coderabbitai bot left a comment

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Mar 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR checklist ✅

Uh oh!

aleksandar-apostolov commented Mar 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

aleksandar-apostolov left a comment

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Mar 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

SDK Size Comparison 📏

Uh oh!

andremion commented Mar 6, 2026

Uh oh!

sonarqubecloud bot commented Mar 6, 2026

Quality Gate passed

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

andremion commented Mar 5, 2026 •

edited

Loading

coderabbitai bot commented Mar 5, 2026 •

edited

Loading

github-actions bot commented Mar 5, 2026 •

edited

Loading

aleksandar-apostolov commented Mar 5, 2026 •

edited

Loading

github-actions bot commented Mar 5, 2026 •

edited

Loading