Ruter (light) tokens. Measured from ruter.no/, 2026-09-22.
Base Dark
Sign in to use this theme
The install commands for Tailwind v4, Tailwind v3 and plain CSS, the ready-made agent prompts, and this theme's radius, shadow and motion tables open up when you sign in. Free, one click.
You don't need an account to use it: https://stylelift.dev/use/ruter is the same instructions as plain text, and every generated file stays open.
Colours
bg #f4f2f1surface #ffffffsurface-muted #f4f2f1surface-hover #e8e8e8fill rgba(51, 61, 166, 0.059)fg #313663fg-muted rgba(39, 45, 96, 0.702)fg-subtle rgba(42, 48, 102, 0.549)border rgba(58, 66, 156, 0.122)border-strong rgba(42, 47, 102, 0.549)accent #2d54ffaccent-fg #ffffffaccent-hover #446bffaccent-active #4c73ffaccent-soft rgba(82, 173, 255, 0.122)accent-soft-fg #2951fflink #2951ffring #1290e2overlay rgba(49, 54, 99, 0.451)danger #bf0000danger-soft rgba(233, 50, 50, 0.122)success #21874asuccess-soft rgba(8, 170, 93, 0.129)warning #ffc700info #0b91effeature #733de6
Typography
text-xs · 12pxReiseplanlegger for hele landet
text-sm · 14pxReiseplanlegger for hele landet
text-base · 16pxReiseplanlegger for hele landet
text-lg · 18pxReiseplanlegger for hele landet
text-xl · 20pxReiseplanlegger for hele landet
text-2xl · 24pxReiseplanlegger for hele landet
text-3xl · 28pxReiseplanlegger for hele landet
text-4xl · 32pxReiseplanlegger for hele landet
text-5xl · 38pxReiseplanlegger for hele landet
text-6xl · 48pxReiseplanlegger for hele landet
text-7xl · 60pxReiseplanlegger for hele landet