Maintenance in progress: we are indexing a large batch of new skills. Some pages may load slowly or briefly show no results. Nothing is lost, and everything is back to normal within the hour.

Openwebf Host Theming Sync

Sync theming between Flutter and WebF (automatic theme sync, prefers-color-scheme, dark mode patterns). Use when the user mentions theme sync, dark mode, prefers-color-scheme, CSS variables, or WebF theming from MaterialApp.

majiayu000 7b5ec0e 2 files · 1.3 KB Updated 567 repo stars

File contents

OpenWebF Host: Theming Sync

Instructions

  1. Determine desired behavior: automatic sync vs manual overrides.
  2. Use MCP docs to confirm how theme synchronization works by default and safe patterns.
  3. Provide concrete patterns for:
    • CSS prefers-color-scheme
    • JS/React theme toggles
    • Flutter-driven theme propagation
  4. Offer templates where applicable:
    • host/theme-sync-materialapp
    • app/theming-prefers-color-scheme-css
    • app/theming-matchmedia-listener

More:

  • reference.md
  • doc-queries.md
  • examples.md

majiayu000/claude-skill-registry-data/tree/main/data/openwebf-host-theming-sync commit 7b5ec0e62c

Frequently asked questions

npx skillmds add majiayu000/openwebf-host-theming-sync