lib
Get access
All themes

Phosphor

A terminal that ships: monospace everywhere, square corners, phosphor green and no shadows at all.

npx shadcn@latest add @lib/theme-phosphor
Customize this theme
Phosphor, 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#f3f6f0
foreground#0f1a10
Surfaces
card#fafcf8
card-foreground#0f1a10
popover#fafcf8
popover-foreground#0f1a10
muted#e6ece2
muted-foreground#56685a
Brand
primary#14803c
primary-foreground#f3f6f0
secondary#dfeadb
secondary-foreground#0f1a10
accent#e2eadd
accent-foreground#0f1a10
Lines
border#c9d4c3
input#c9d4c3
ring#14803c
Status
destructive#c62828
destructive-foreground#ffffff
info#1d6fb8
info-foreground#ffffff
Charts
chart-1#14803c
chart-2#2aa9a0
chart-3#b58900
chart-4#1f9d55
chart-5#8aa38c
Sidebar
sidebar#edf2e9
sidebar-foreground#0f1a10
sidebar-primary#14803c
sidebar-primary-foreground#f3f6f0
sidebar-accent#e2eadd
sidebar-accent-foreground#0f1a10
sidebar-border#c9d4c3
sidebar-ring#14803c
dark
Base
background#070a07
foreground#c8f7d0
Surfaces
card#0c110c
card-foreground#c8f7d0
popover#0c110c
popover-foreground#c8f7d0
muted#131b13
muted-foreground#6f9a75
Brand
primary#3ddc84
primary-foreground#041006
secondary#102312
secondary-foreground#c8f7d0
accent#13241a
accent-foreground#c8f7d0
Lines
border#3ddc8433
input#3ddc8440
ring#3ddc84
Status
destructive#ff5f56
destructive-foreground#ffffff
info#4fb3ff
info-foreground#ffffff
Charts
chart-1#3ddc84
chart-2#2aa9a0
chart-3#ffbd2e
chart-4#27c93f
chart-5#6f9a75
Sidebar
sidebar#0a0f0a
sidebar-foreground#c8f7d0
sidebar-primary#3ddc84
sidebar-primary-foreground#041006
sidebar-accent#13241a
sidebar-accent-foreground#c8f7d0
sidebar-border#3ddc8433
sidebar-ring#3ddc84

Typography

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

Shape and depth

Radius 0rem ยท spacing unit 0.24rem ยท icon weight 2.25

xs
md
xl
2xl