wox-visual-style

name

wox-visual-style

description

Design, implement, refactor, or review the visual style of Wox's portable Go UI under wox.core/ui. Use for Settings, dialogs, forms, tables, catalogs, management pages, shared Wox controls, typography, semantic colors, spacing, alignment, icons, control sizing, and default, hover, pressed, selected, focused, disabled, loading, empty, and error states. Also use to audit visual consistency or decide whether appearance belongs in launcher/component or launcher/view. Treat the Launcher query surface and Action Panel as explicit special contracts instead of forcing the ordinary Settings control-size system onto them.

Wox Visual Style

Apply one coherent visual language to Wox Go UI without changing business behavior accidentally.

Load the visual contract

Read references/visual-style-guide.md completely before designing, reviewing, or editing UI. Treat it as the sole visual policy for Wox Go UI. Treat production components and tests as implementation evidence; when they disagree with the guide, report or fix the implementation drift instead of silently redefining the guide from current code.

Also read the repository AGENTS.md, README.md, Wox.code-workspace, and wox.core/ui/README.md before refactors.

Classify the surface

Classify the requested surface before applying size rules:

• Apply the ordinary control system to Settings, dialogs, forms, tables, catalogs, onboarding management controls, and other application-management pages.
• Keep the Launcher query, its accessories, results, toolbar, refinements, and Glance under launcher density and theme geometry.
• Keep the complete Action Panel, including its filter and rows, under its own geometry contract.
• Keep native window controls and platform-owned dialogs under the platform contract.

Do not use a special-surface exception to justify page-local styling elsewhere.

Inspect the current contract