bet365-inspired

bet365's verified dark-only token layer: the #111 canvas, white-alpha pod fills, mint place-bet green, and the Futura PT stack.

Preview

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

bet365-inspired

dark

Colors

Background#111111

Foreground#ffffff

Primary#ffffff

Primary fg#111111

Secondary#1f1f1f

Accent#444444

Destructive#d05858

Mutedrgba(255, 255, 255, 0.07)

Cardrgba(40, 40, 40, 0.7)

Borderrgba(255, 255, 255, 0.1)

Brand

Brand#28ffbb

Brand fg#0d221b

Outcome

Yes#48dbac

Yes fg#0d221b

No#d05858

No fg#ffffff

Charts

Typography

Heading

futuraPTCond, "Futura PT Condensed", "FuturaPTCond-Bold", futuraPT, "Futura PT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif

Aa Bb Cc 123

BodyfuturaPT, "Futura PT", "FuturaPTWebBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Installation

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

bet365 ships no light interface: the live document has no theme class, no data-theme attribute, and no prefers-color-scheme branch, so both CSS branches carry the verified dark palette. bet365 serves licensed Futura PT web cuts under the FuturaPT* family names; those files are not copied or hotlinked, so supply your own licensed Futura PT files under the family names below.

Tokens

Token	dark
--accent	#444444
--accent-foreground	#ffffff
--background	#111111
--border	rgba(255, 255, 255, 0.1)
--brand	#28ffbb
--brand-foreground	#0d221b
--card	rgba(40, 40, 40, 0.7)
--card-foreground	#ffffff
--chart-1	#28ffbb
--chart-2	#ffdf1b
--chart-3	#379de6
--chart-4	#ffb240
--chart-5	#d05858
--destructive	#d05858
--destructive-foreground	#ffffff
--foreground	#ffffff
--input	#1f1f1f
--muted	rgba(255, 255, 255, 0.07)
--muted-foreground	#a7a7a7
--no	#d05858
--no-foreground	#ffffff
--popover	#383838
--popover-foreground	#ffffff
--primary	#ffffff
--primary-foreground	#111111
--radius	0.25rem
--ring	#189970
--secondary	#1f1f1f
--secondary-foreground	#ffffff
--sidebar	#111111
--sidebar-accent	#1f1f1f
--sidebar-accent-foreground	#ffffff
--sidebar-border	rgba(255, 255, 255, 0.1)
--sidebar-foreground	#ffffff
--sidebar-primary	#126e51
--sidebar-primary-foreground	#ffffff
--sidebar-ring	#28ffbb
--surface-edge	rgba(255, 255, 255, 0.1)
--surface-shadow	none
--yes	#48dbac
--yes-foreground	#0d221b

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