返回 Skill 列表
extension
分类: 开发与工程无需 API Key

openwebf-host-theming-sync

在Flutter和WebF之间同步主题(自动主题同步、prefers-color-scheme、暗模式模式)。当用户提到主题同步、暗模式、prefers-color-scheme、CSS变量或从MaterialApp中的WebF主题时使用。

person作者: jakexiaohubgithub

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: