Skip to content

Swap "How it works" diagram to theme-aware illustrated renders#211

Merged
kylemclaren merged 1 commit into
mainfrom
cma-theme-diagram-swap
Jul 10, 2026
Merged

Swap "How it works" diagram to theme-aware illustrated renders#211
kylemclaren merged 1 commit into
mainfrom
cma-theme-diagram-swap

Conversation

@kylemclaren

Copy link
Copy Markdown
Collaborator

No description provided.

Replace the SVG SelfHostedDiagram in the Claude Managed Agents guide with a
ThemeImage component that shows a light or dark illustrated render based on the
active data-theme (pure CSS swap, no hydration flash).

The renders carry a real alpha channel — the flat canvas is keyed out to
transparency — so the artwork floats on any surface (page, nav, callout, the
dark-mode ambient texture). This avoids mix-blend-mode, which only melts into a
flat backdrop in the same stacking context and leaves a seam anywhere else.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

Preview Deployment

Name URL
Preview https://pr-211-superfly-sprites-docs.fly.dev

Commit: e4fd10e

@github-actions

Copy link
Copy Markdown
Contributor

Lighthouse Results

URL Performance Accessibility Best Practices SEO
/ 🟢 93 🟢 100 🟢 96 🟢 100
/integrations/claude-managed-agents/ 🟢 98 🟢 100 🟢 100 🟢 100

@kylemclaren kylemclaren marked this pull request as ready for review July 10, 2026 23:23
@kylemclaren kylemclaren merged commit 3ef03a3 into main Jul 10, 2026
4 of 5 checks passed
@kylemclaren kylemclaren deleted the cma-theme-diagram-swap branch July 10, 2026 23:23
@github-actions

Copy link
Copy Markdown
Contributor

E2E Test Results

✅ Tests success

Ran against: https://pr-211-superfly-sprites-docs.fly.dev

@kcmartin kcmartin added the sprite-refresh PRs that are part of the Sprites docs visual refresh label Jul 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

sprite-refresh PRs that are part of the Sprites docs visual refresh

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants