Suggested Flow
- Inspect a card or widget root.
- Jump to the nearest widget or slot wrapper.
- Try token or typography changes locally.
- Export the useful result to the workbench.
cssHolmes Modern Test Suite
XTF Themes, XMF Widgets, Slots, Tokens, and Admin-Like UI
Use this page with the cssHolmes toolbar to exercise token matching, slot and widget jumps, typography edits, layout checks, widget diagnostics, accessibility hints, and export-ready inspection context.
Toolbar Targets
Cards below include token-backed accents, nested widgets, deliberate spacing differences, and common admin-style UI elements.
Most cards are intended to be clean for `xtf-theme`. The `Known Problems` cards and `Problem Form` intentionally trigger warnings.
Feature Card
Token-aware theme surface
This widget uses token-like values, content spacing, and nested text so you can test inspect, token matching, typo edits, and export flow in one place.
- Stable wrapper class for widget selection
- Nested text for text replacement preview
- Visible accent color for token inspection
Stats
128
Published widget instances
Warning Card
Useful for checking contrast, spacing, and message hierarchy.
Admin-like Module List
| Module | Status | Owner |
|---|---|---|
| Menus | Healthy | Core |
| BlocksAdmin | Review | Admin UI |
| Widgets | New | XMF |
Known Problems
Accessibility and Content Smells
Ambiguous link
This card intentionally mixes an empty button, missing image alt, and placeholder link target.
Known Problems
Layout and Widget Edge Cases
SVG without width/height attributes
Deep wrapper nesting for layout inspection
Useful for widget SVG checks, wrapper depth checks, and spacing inspection.