DS-085: Synchronize browser chrome colors with the active theme

[IbrahimIjai]

Context

The root document currently declares a fixed theme color even though SO4
supports light, dark, system, and future high-contrast preferences. Mobile
browser chrome and installed-app surfaces can therefore clash with the page.

Scope

• Define light and dark browser theme-color values from approved canvas tokens.
• Emit appropriate theme-color metadata for supported color schemes.
• Keep manifest background and theme colors aligned with the design system.
• Document limitations for runtime theme changes and installed PWA behavior.

Acceptance criteria

• Light and dark browser chrome use matching semantic canvas colors.
• System preference resolves correctly before hydration.
• Theme metadata does not introduce a flash or hydration mismatch.
• Manifest colors match the default launch appearance.
• Tests verify generated metadata and theme-resolution behavior.

Out of scope

• Rebuilding PWA icons or splash-screen artwork.
• Adding service-worker or offline caching functionality.

[Fabulouz34]

@Fabulouz34 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi maintainer please I will appreciate it if I'm given this issue to work on. Please assign me I'm ready to get started
Thank you

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Fabulouz34 to this issue.

[Redsight51]

@Redsight51 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Can I take this?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Redsight51 to this issue.

[damiedee96]

@damiedee96 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello Maintainer, I'd love to work on this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @damiedee96 to this issue.

[attyolu]

@attyolu has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I would love to work on this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @attyolu to this issue.

[baling-1]

@baling-1 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I’d appreciate the opportunity to work on this issue. I’ll keep the implementation focused, maintain code quality, and submit a complete PR.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @baling-1 to this issue.

[Fury03]

@Fury03 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I'd like to work on this issue. I've reviewed the requirements and have a clear implementation plan. If assigned, I'll submit a high-quality PR that follows the project's guidelines.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Fury03 to this issue.