3 Themes Included
Themes Overview
Switch between three distinct visual identities. Each theme transforms the entire dashboard — colors, typography, shadows, and personality. Set the theme with a single data-theme attribute on the root element.
Choose a Theme
Live Preview: School Paper
Click a theme card above to see the dashboard transform
Dashboard
Total Revenue
$36,640
$8,520 still owed
If everything closes: $95,800
Working On
4 projects
$59,960 in budget
Prospects
2
Leads in pipeline
Conversion Rate
100%
6 accepted / 0 rejected
Revenue Flow
Referral
$91,960 · 100%
Northwind
$46,000 · 50%
Prospects
$32,000 · 35%
Seismic
$3,600 · 4%
Tidal
$1,560 · 2%
Cove
$2,000 · 2%
Bloom App
$46,000 · 50%
Drift
$4,000 · 4%
Pulse
$1,600 · 2%
Website
$3,600 · 4%
Cove (project)
$2,000 · 2%
Tidal (project)
$1,560 · 2%
Collected
$36,640 · 40%
Outstanding
$8,520 · 9%
Remaining
$19,600 · 22%
Invoice Tracker
Bloom App
Northwind
~$19,000
Create invoice
Pulse Timer
Pulse
~$1,600
Create invoice
Drift Landing Page
Drift
~$4,000
Create invoice
Lead Pipeline
Revenue by Source
$64,760 projected total
How to switch themes
The theme system uses CSS custom properties scoped under a data-theme attribute. Add it to your root element to change the entire app:
<!-- Paper (default) -->
<html data-theme="paper">
<!-- Minimal -->
<html data-theme="minimal">
<!-- Winamp -->
<html data-theme="winamp">