feat(UI): update tokens

[renefloor]

Submit a pull request

Linear: FLU-380

CLA

• I have signed the Stream CLA (required).
• The code changes follow best practices
• Code changes are tested (add some information if not applicable)

Description of the pull request

This updates all tokens, but the most notable change is the addition of chrome colors. That's a semantic layer for neutral colors, so it's easier for customers to update all related colors, such as the background colors.

Screenshots / Videos

Original

Green-ish

Red-ish

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: e8c7e714-60bd-46ff-8793-d16256ff6c43

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

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/update-tokens

📝 Coding Plan

• Generate coding plan for human review comments

---

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.}

[codecov]

Codecov Report

❌ Patch coverage is 85.89744% with 11 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (main-design-system@2959ed4). Learn more about missing BASE report.

Files with missing lines	Patch %	Lines
...r/lib/src/components/badge/stream_media_badge.dart	0.00%	3 Missing ⚠️
...c/theme/primitives/stream_color_swatch_helper.dart	0.00%	3 Missing ⚠️
...r/lib/src/theme/semantics/stream_color_scheme.dart	96.87%	2 Missing ⚠️
...lib/src/components/avatar/stream_avatar_group.dart	0.00%	1 Missing ⚠️
.../src/components/badge/stream_online_indicator.dart	0.00%	1 Missing ⚠️
...ter/lib/src/components/common/stream_checkbox.dart	0.00%	1 Missing ⚠️

Additional details and impacted files

@@                  Coverage Diff                  @@
##             main-design-system      #74   +/-   ##
=====================================================
  Coverage                      ?   34.49%           
=====================================================
  Files                         ?      115           
  Lines                         ?     3586           
  Branches                      ?        0           
=====================================================
  Hits                          ?     1237           
  Misses                        ?     2349           
  Partials                      ?        0           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.