Sidebar Light
Sidebar Light Layout — Light
surface locked on sidebar regardless of page theme
What is the Sidebar Light layout?
The sidebar always renders with a crisp white/light surface, even when the page is switched to dark mode. This gives a two-tone visual split between the content area (dark) and the navigation panel (always light). Ideal for SaaS dashboards that want to keep the nav bright and scannable at all times.
Modifier:
data-sidebar-theme="light"
on <html>
Sidebar bg: Always
#ffffff →
#f8f9fc gradient
Content area: Respects
data-theme toggle normally
Compatible with: All other layout
variants (boxed, fluid, compact)
$284K
Total Revenue
1,842
Customers
5,219
Orders
3.42%
Conversion
All Layout Variants
Browse the full layout collection to compare navigation styles and content widths.