refactor(assistant): Replace hardcoded color with Fluent UI token for protected message

[ccastrotrejo]

Commit Type

• feature - New functionality
• fix - Bug fix
• refactor - Code restructuring without behavior change
• perf - Performance improvement
• docs - Documentation update
• test - Test-related changes
• chore - Maintenance/tooling

Risk Level

• Low - Minor changes, limited scope
• Medium - Moderate changes, some user impact
• High - Major changes, significant user/system impact

What & Why

Replaces a hardcoded green color value (#489d42) with the Fluent UI design token tokens.colorPaletteGreenBorderActive in the chatbot protected message styles.

Why this change:

• Ensures consistency with the Fluent UI design system
• Improves theme compatibility (light/dark mode support)
• Follows best practices for design token usage instead of magic values

Impact of Change

• Users: Protected message text color will now properly adapt to theme changes
• Developers: No API changes; follows established pattern of using Fluent UI tokens
• System: None - styling change only

Test Plan

• Unit tests added/updated
• E2E tests added/updated
• Manual testing completed
• Tested in: Standalone designer with light/dark themes

Contributors

@ccastrotrejo

Screenshots/Videos

Before

After

[github-actions]

🤖 AI PR Validation Report

PR Review Results

Thank you for your submission! Here's detailed feedback on your PR title and body compliance:

✅ PR Title

• Current: refactor(assistant): Replace hardcoded color with Fluent UI token for protected message
• Issue: None — the title is clear, concise, and follows conventional commit (type(scope): description) style. It accurately describes the change.
• Recommendation: (Optional) If you want more specificity you could use refactor(chatbot): as the scope to match the changed file path (libs/chatbot). This is optional — current title is acceptable.

---

✅ Commit Type

• Properly selected (refactor)
• Note: Only one commit type is selected which is correct for this change.

---

✅ Risk Level

• Risk selected in body: Low
• Label present: risk:low — matches the body selection.

---

✅ What & Why

• Current: Replaces a hardcoded green color value (#489d42) with the Fluent UI design token tokens.colorPaletteGreenBorderActive in the chatbot protected message styles.
• Issue: None — short, clear, and explains why.
• Recommendation: None — this is good.

---

✅ Impact of Change

• The PR documents impacts for Users, Developers, and System.
• Recommendation: The current impact section is accurate for a styling-only change. No additional changes required.
  • Users: Protected message text color will now properly adapt to theme changes
  • Developers: No API changes; follows established pattern of using Fluent UI tokens
  • System: None - styling change only

---

✅ Test Plan

• Assessment: Manual testing is selected and screenshots are provided.
• Note: The change is a single-line styling change (1 addition, 1 deletion) and manual verification with the included screenshots is sufficient. If you performed testing in a specific environment (e.g., Standalone designer in light/dark modes), please add that detail in the "Test Plan" section and check the corresponding box for clarity.

---

✅ Contributors

• @ccastrotrejo is listed — good. No further action required.

---

✅ Screenshots/Videos

• Screenshots for before/after are provided which is appropriate for a visual change. Good.

---

Summary Table

Section	Status	Recommendation
Title	✅	Optional: consider chatbot as scope but current is fine.
Commit Type	✅	No changes needed.
Risk Level	✅	Matches label risk:low.
What & Why	✅	Clear and concise.
Impact of Change	✅	Accurate for styling-only change.
Test Plan	✅	Add explicit note of the environment used for manual testing if possible and tick the "Tested in:" checkbox to make it explicit.
Contributors	✅	Listed.
Screenshots/Videos	✅	Provided.

---

Final message: This PR looks good and passes the PR title/body checks. The advised risk level is Low (matches your selection and label). Please optionally update the Test Plan to explicitly state where the manual testing was performed (e.g., "Tested in: Standalone designer with light/dark themes") and check that box in the Test Plan section to make the testing steps explicit. Thank you for replacing the magic value with a Fluent UI token — this improves theme compatibility and consistency.

---

Last updated: Wed, 21 Jan 2026 22:01:53 GMT

[github-actions]

📊 Coverage check completed. See workflow run for details.

[Copilot]

Pull request overview

This PR standardizes the protected message color in the chatbot UI by replacing a hardcoded hex color value with a Fluent UI design token.

Changes:

• Replaces hardcoded green color #489d42 with tokens.colorPaletteGreenBorderActive for protected footer text color