AMBER PHOSPHOR

Pure-black CRT terminal, one amber accent. The single source of truth for every chakri.me site — link theme.chakri.me/tokens.css and inherit it all.

use it

Drop this into your <head> — fonts first, then the tokens.

<!-- Fonts: Press Start 2P (titles) + JetBrains Mono (everything) -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=block" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap" />

<!-- Amber Phosphor theme tokens -->
<link rel="stylesheet" href="https://theme.chakri.me/tokens.css" />

Every chakri.me site is its own subdomain, so this is a cross-origin link — always the absolute https://theme.chakri.me/tokens.css, which tracks the promoted version. Pin one with https://theme.chakri.me/x.y.z/tokens.css.

palette

all tokens

tokenvalueusage

typography

Pixel display — titles only

Body is JetBrains Mono at 13px, dense and monospaced. Everything reads like a tool, not a marketing page.

uppercase label · letter-spacing

tabular nums 0123456789 · 1,204,880

buttons

controls

focus any field — border warms to amber; keyboard focus gets the ring.

chips

idle active off selected

badges

live featured wip archived

cards

Near-black fill

1px warm-gray hairline, 9px radius. Border warms on hover.

Clickable

Hover lifts the border to amber with a faint glow ring.

radii

4
6
8
9
16
999

notices

⚠ caution — warn-orange, tinted translucent bg.
✗ error — danger-red, for destructive states only.

scrollbar

Scroll me. Inset thumb, amber on hover, no stepper arrows.

Line two.

Line three.

Line four.

Line five — keep going.

Line six.