← Themes

Duel-inspired

Duel’s verified deep-navy palette, TT Interphases Pro stack, and 8px control radius.

Preview

This theme ships dark only; both CSS branches use the same palette.

Duel-inspired

dark

Colors

Background#121731
Foreground#ffffff
Primary#ffffff
Primary fg#47507c
Secondary#343c64
Accent#1f2546
Destructive#e8305e
Muted#181e3c
Card#1f2546
Border#2b304a

Brand

Brand#4558ff
Brand fg#ffffff

Outcome

Yes#20d095
Yes fg#070b23
No#e8305e
No fg#ffffff

Charts

Typography

Heading"TT-Interphases-Pro", ui-sans-serif, system-ui, sans-serif

Aa Bb Cc 123

Body"TT-Interphases-Pro", ui-sans-serif, system-ui, sans-serif

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Installation

pnpm dlx shadcn@latest add https://betui.fyi/r/duel.json

Duel is dark-only. Both CSS branches intentionally use the verified dark palette. Duel ships TT Interphases Pro Trial builds; the licensed family is published by TypeType, so add your own licensed or self-hosted files under the TT-Interphases-Pro family name.

Tokens

Tokendark
--accent#1f2546
--accent-foreground#ffffff
--background#121731
--border#2b304a
--brand#4558ff
--brand-foreground#ffffff
--card#1f2546
--card-foreground#ffffff
--chart-1#4558ff
--chart-2#20d095
--chart-3#e8305e
--chart-4#ff9900
--chart-5#8a70e2
--destructive#e8305e
--destructive-foreground#ffffff
--foreground#ffffff
--input#0c102b
--muted#181e3c
--muted-foreground#767faa
--no#e8305e
--no-foreground#ffffff
--popover#1f2546
--popover-foreground#ffffff
--primary#ffffff
--primary-foreground#47507c
--radius0.5rem
--ring#4558ff
--secondary#343c64
--secondary-foreground#ffffff
--sidebar#0c102b
--sidebar-accent#181e3c
--sidebar-accent-foreground#ffffff
--sidebar-border#2b304a
--sidebar-foreground#ffffff
--sidebar-primary#4558ff
--sidebar-primary-foreground#ffffff
--sidebar-ring#4558ff
--surface-edgergb(255 255 255 / 8%)
--surface-shadow0 2px 3px rgb(0 0 0 / 0.35), 0 6px 14px -4px rgb(0 0 0 / 0.45)
--yes#20d095
--yes-foreground#070b23

Tokens captured from https://duel.com/ on 2026-09-21. Colors only — no brand assets, fonts, or code are redistributed.