Skins — eyeball
Every class below is real BPS Lite vocabulary, cited to source. Switch the skin in BPS Lite settings and reload — every block on this page must visibly change. (Rebuilt 2026-09-06; the previous version used classes that don’t exist in any BPS Lite stylesheet and never demonstrated a skin change.)
Tone: light
Elementor-shape buttons (raw markup mirroring the widget’s real DOM — prefix_class on the
wrapper, per class-bps-lite-widget-design-controls.php):
⚠ Per assessment/bps-lite.md’s 2026-09-06 pass: on a light section, button-outline
(the recommended one) measures 1.18:1 — treat it as effectively invisible here, on purpose.
Vocabulary bucket spot-check — the four buckets M3 disputed against the stale INERT const
⚠ --accent/--accent-2/--bg are scoped PER TONE
(skin-*.css:56,58), not global — this whole block has to sit inside a
.section.<tone> wrapper or it silently falls back to --text-color
grey. Caught by measuring computed colour, not by reading the class list.
Accent Bold (1) — bold text should render in the skin’s primary accent colour.
Accent Bold 2 — renders amber on all three skins today (accent-2 is undifferentiated from itself across skins, but IS Palette-authored — class-bps-lite-settings.php:72,82).
Flex layout (unrelated to skin — structural, should NOT change with skin)
BPS Lite has no dedicated “card” class — that was one of the fabricated classes on the old version of this page. This demos the real flex/gap utilities only.