Themes

Load themes.css after theme.css and set data-theme on <html>. Each theme only reassigns the tokens, so this whole page changes with it. The 3D world on demo.deltavdevs.com is painted from the same tokens.

Containers

container

wide

copy

narrow

Text

eyebrow

ultratitle

title

subtitle

headline

subheadline

lead

caption

This is a whole paragraph of text, include code like this, as well as linked code & regular links. The paragraph ended up being 1 sentence, but now I guess it’s two.

              Here’s a code block! No highlighting to be found.

Buttons

Cards

.card

.card .sunken

.card .interactive

Forms

Full name How are you primarily associated with deltavdevs? Why do you want to come?

Badges

.pill

.outline-badge

Colours

var(--darker)

var(--dark)

var(--darkless)

var(--black)

var(--steel)

var(--slate)

var(--muted)

var(--smoke)

var(--snow)

var(--white)

var(--red)

var(--orange)

var(--yellow)

var(--green)

var(--blue)

var(--purple)

var(--text)

var(--elevated)

var(--sheet)

var(--sunken)

var(--border)

var(--border-strong)

var(--primary)

var(--secondary)

var(--accent)

DeltΔVDevs CSS