lib
Get access
All themes

Ledger

Payments-grade clarity: deep navy ink, an electric violet, cool layered surfaces and soft, tall shadows.

npx shadcn@latest add @lib/theme-ledger
Customize this theme
Ledger, on real components

Dashboard

Total revenue
$15,231.89
+20.1%
Subscriptions
+2,350
+180.1% from last month
Move goal
Set your daily activity goal.
350calories / day
Exercise minutes
Ahead of where you normally are.

Forms

Upgrade your subscription
You are on the free plan. Upgrade to get every feature.
Create an account
Enter your email below to create your account.
Or continue with

We'll never share it.

Notifications
Choose what reaches you.

Data

Payments
The last four charges.
CustomerStatusAmount
Ad
Ada Parkada@northwind.io
Paid$490.00
Om
Omar Haddadomar@quarry.dev
Paid$2,400.00
Pr
Priya Nairpriya@tessera.co
Failed$490.00
Sa
Sam Okaforsam@atelier.fr
Pending$1,800.00
Team
Invite your team to collaborate.
AdAda Park
OmOmar Haddad
PrPriya Nair

Palette

light
Base
background#ffffff
foreground#0a2540
Surfaces
card#ffffff
card-foreground#0a2540
popover#ffffff
popover-foreground#0a2540
muted#f6f9fc
muted-foreground#425466
Brand
primary#5b4cf5
primary-foreground#ffffff
secondary#f0eeff
secondary-foreground#3b2fc9
accent#eef4fb
accent-foreground#0a2540
Lines
border#e3e8ee
input#e3e8ee
ring#5b4cf5
Status
destructive#df1b41
destructive-foreground#ffffff
info#0073e6
info-foreground#ffffff
Charts
chart-1#5b4cf5
chart-2#00b4d8
chart-3#f5a623
chart-4#2eb67d
chart-5#ff6bb5
Sidebar
sidebar#f6f9fc
sidebar-foreground#0a2540
sidebar-primary#5b4cf5
sidebar-primary-foreground#ffffff
sidebar-accent#eef4fb
sidebar-accent-foreground#0a2540
sidebar-border#e3e8ee
sidebar-ring#5b4cf5
dark
Base
background#0a1629
foreground#f6f9fc
Surfaces
card#0f1f38
card-foreground#f6f9fc
popover#0f1f38
popover-foreground#f6f9fc
muted#16294a
muted-foreground#9aabc3
Brand
primary#8c83ff
primary-foreground#0a1629
secondary#1d2c55
secondary-foreground#d8d4ff
accent#1a2d4d
accent-foreground#f6f9fc
Lines
border#ffffff1a
input#ffffff1a
ring#8c83ff
Status
destructive#ff5c7a
destructive-foreground#ffffff
info#4aa3ff
info-foreground#ffffff
Charts
chart-1#8c83ff
chart-2#38d6f5
chart-3#ffc15e
chart-4#4fd69c
chart-5#ff8fcb
Sidebar
sidebar#0c1a30
sidebar-foreground#f6f9fc
sidebar-primary#8c83ff
sidebar-primary-foreground#0a1629
sidebar-accent#1a2d4d
sidebar-accent-foreground#f6f9fc
sidebar-border#ffffff1a
sidebar-ring#8c83ff

Typography

Headings ยท InterKnow your numbers before anyone asks
Body ยท InterEvery block reads the same tokens, so a theme restyles the whole product at once.
Code ยท JetBrains Mononpx shadcn@latest add @lib/theme-ledger
Letter spacing -0.011em

Shape and depth

Radius 0.5rem ยท spacing unit 0.25rem ยท icon weight 1.75

xs
md
xl
2xl