$ waybar-unixtime css --install

A design system that inherits its palette, not one that owns it.

Every color in this system resolves through six variables read from the active omarchy theme's colors.toml. Components never name a color. They name a role — surface, edge, dim, accent — and the theme fills it in. The five themes in the switcher above are the ones shipped in the marketing site; the system is correct only if every component below survives all five.

The type is monospace by default because the product's whole subject is aligned columns of digits. Prose headings get one display face so pages have a voice above the terminal.

color

Three values come from the theme file. Three are derived for depth. That is the entire palette — there is no secondary, no tertiary, no success-green. Semantic states borrow the accent or the dim.

type

Two families. Space Grotesk sets headings and page titles; JetBrains Mono does everything else, including body copy. Numeric values always carry font-variant-numeric: tabular-nums so ticking digits do not reflow.

space & shape

Radii come straight from the emitted GTK stylesheet: 12px for panels and menus, 8px for the items inside them. The site adds 14 for the two floating surfaces and 999 for pills.

badges

The format chips in formats.rs were bright generic hexes that fought every theme. Retuned, they hold one lightness and one chroma and vary only in hue — so they read as a family, sit behind the accent, and stay legible on any background. The formula is oklch(0.52 0.085 H) with white text; the neutral drops chroma to 0.02.

Chips are identity, never status. A chip never means good or bad — it names which family a value belongs to. Status uses accent for active, dim for inert.

buttons

Four kinds, and the ordering matters: solid accent is reserved for the one irreversible action on a screen. Most of this product's buttons are ghosts, because most of its actions are copies.

forms

Inputs sit on the page background, not the surface, so a field always reads as a hole cut into its card. Labels are meta-sized and dim above; result and helper text sit below, accent for output and dim for hints. Validation is inline text — there is no red.

navigation

Navigation is dim until it matters. Links are lowercase, unadorned, and turn accent on hover; the current item is the only one in foreground. Nothing gets an underline, a pill background, or a box.

data display

The format panel is the system's signature component: label left, value right, chip in front, a 2px accent rule on hover, and a copy that confirms by turning the value accent for 900ms. Tables are the same row, given a header.

overlays

Everything that floats gets radius 14, the float shadow, and — where it detaches from the page entirely, as GTK menus and tooltips do — a 50% accent border instead. Toasts are for background work only; a copy confirms in place.

code

Two colors only: dim for comments, accent for the command being run. Everything else is foreground. No syntax theme, no language keywords, no line numbers.

copy# generate + install for the active
theme
waybar-unixtime css --install

/* generated: unixtime.css */
@define-color unixtime-accent #c9a554;
@define-color unixtime-fg     #c2c2b0;
@define-color unixtime-bg     #16161c;

motion

One thing on screen is allowed to move on its own: the cursor. Everything else moves only in response to a pointer, and briefly.

voice

The copy in this repo reads like a person who uses the thing wrote it. Keep that.