Theme Switcher (Dark/Light)
- Details
MokoCassiopeia includes a fully implemented dark and light theme switcher built on Bootstrap 5’s data-bs-theme attribute system. Both themes are first-class — light theme in :root, dark theme overrides in :root[data-bs-theme='dark']. Switching is instant, no page reload, preference persisted across sessions.
Block Color System
- Details
Apply predefined colour schemes to modules in top-a, top-b, bottom-a, bottom-b via moduleclass_sfx — no CSS required.
Hero & Banner Variants
- Details
The banner position renders a full-height hero. Two variants — Primary (65% overlay) and Secondary (80% overlay) — switchable via moduleclass_sfx with no CSS required.
Container Backgrounds
- Details
Every auto-grid and sidebar position has its own container background CSS variables for background images, colours, and gradients.
Off-Canvas Drawers
- Details
Two off-canvas positions — drawer-left and drawer-right — slide in as panels triggered by toggle buttons. Ideal for mobile navigation, login forms, and cart sidebars.