/host-theming

Description

Theme WebF with Flutter (automatic sync, overrides, CSS/JS patterns, Tailwind notes).

AI Summary

Explains WebF theming with Flutter sync, CSS/JS patterns, and Tailwind integration.

Install

Add the repository(one-time)

/plugin marketplace add archview-ai/webf-plugin

Install the plugin

/plugin install webf@openwebf

Argument

path

Allowed Tools

ReadGrepGlobBashEditWritemcp__openwebf__docs_searchmcp__openwebf__docs_get_sectionmcp__openwebf__templates_get

Command Content

Theming (Flutter ↔ WebF)

Ensure the WebF app matches the host app theme correctly and safely.

If the user passed $ARGUMENTS, treat it as the directory to inspect; otherwise use the current working directory.
Call mcp__openwebf__docs_search for “Theming” (prefer code snippets).
Explain default behavior (automatic theme synchronization) and when to avoid manual overrides.
Provide patterns for:
- CSS prefers-color-scheme
- JS-driven theme toggles
- React + Tailwind integration notes
If the user wants scaffolding, offer relevant templates:
- host/theme-sync-materialapp
- app/theming-prefers-color-scheme-css
- app/theming-matchmedia-listener

Links

GitHub Stats

0 forks

Updated 22 days ago