Skip to content

fix(preview): green accent on Remix previews + overlay/localization host#22

Merged
tilucasoli merged 1 commit into
mainfrom
tilucasoli/preview-green-accent-fix
Jul 15, 2026
Merged

fix(preview): green accent on Remix previews + overlay/localization host#22
tilucasoli merged 1 commit into
mainfrom
tilucasoli/preview-green-accent-fix

Conversation

@tilucasoli

Copy link
Copy Markdown
Collaborator

What

Two related fixes to the Flutter docs previews:

1. Consistent green accent

Adds accent: .green to the FortalScope of every Remix component preview so they match the accent already used by the accordion preview. Previously most previews fell back to the default accent, making the docs look inconsistent.

Affected previews: callout, card, checkbox, divider, icon_button, menu, progress, radio, spinner, tooltip.

2. Embedded preview host fixes

  • helpers.dart — give the standalone Scaffold a dark background (#1A1A2E) matching the host container, so small centered demos (menu, tooltip, select…) no longer show a light-grey backdrop.
  • multi_view_app.dart — wrap embedded previews in Localizations + DefaultWidgetsLocalizations (required by RawRadio, used by RemixRadio) and an Overlay ancestor (required by menu/select/tooltip popups mounted via RawMenuAnchor / OverlayPortal). The standalone runMixApp path gets these from MaterialApp; the embedded multi-view path must provide them explicitly.

Testing

  • Rebuilt the preview bundle (build_web_previews.sh) — 70 entries, manifest check OK.
  • Ran the docs site locally and verified previews render with the green accent and no light backdrop.

🤖 Generated with Claude Code

Add `accent: .green` to the FortalScope of every Remix component preview
(callout, card, checkbox, divider, icon_button, menu, progress, radio,
spinner, tooltip) so they match the accent used by accordion, giving the
docs a consistent green-accented look.

Also fix the embedded multi-view preview host:
- helpers.dart: give the standalone Scaffold a dark background (#1A1A2E)
  matching the host container so small centered demos don't show a
  light-grey backdrop.
- multi_view_app.dart: wrap embedded previews in Localizations +
  DefaultWidgetsLocalizations (required by RawRadio) and an Overlay
  ancestor (required by menu/select/tooltip popups). The standalone
  runMixApp path gets these from MaterialApp; the embedded path must
  provide them explicitly.

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

vercel Bot commented Jul 15, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
mix-docs Ready Ready Preview, Comment Jul 15, 2026 3:26pm

@tilucasoli
tilucasoli merged commit d8e1249 into main Jul 15, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant