Skip to content

[A11y] Bundled MCP docs page: dark-mode body gradient + prefers-reduced-motion #23

@cloud-nitrostack

Description

@cloud-nitrostack

Polish dark mode and motion on the bundled MCP documentation page

Summary: Dark mode tweaks inner variables but the page body keeps a bright gradient; animations ignore reduced motion.

Where to change: typescript/packages/core/src/core/transports/streamable-http.ts<style> inside generateDocumentationPage.

Acceptance criteria:

  • body background respects prefers-color-scheme: dark (or equivalent) without killing light mode.
  • @media (prefers-reduced-motion: reduce) disables non-essential transforms/transitions on .tool-card and similar.

Suggested labels: visuals, accessibility, good first issue


Source: docs/STARTER_ISSUES_REVIEW.md — edit in-repo first, then sync GitHub issues if needed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions