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 outstanding
Best scenario: $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%
Bocho
$46,000 · 50%
Prospects
$32,000 · 35%
Earthquake
$3,600 · 4%
Fudo
$1,560 · 2%
Limal
$2,000 · 2%
Planta
$46,000 · 50%
Messa
$4,000 · 4%
Countdown
$1,600 · 2%
Website
$3,600 · 4%
Limal (project)
$2,000 · 2%
Fudo (project)
$1,560 · 2%
Collected
$36,640 · 40%
Outstanding
$8,520 · 9%
Remaining
$19,600 · 22%
Invoice Tracker
Planta
Bocho
~$19,000
Create invoice →
Countdown App
Countdown
~$1,600
Create invoice →
Messa Landing Page
Messa
~$4,000
Create invoice →
Lead Pipeline
Revenue by Source
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">