Skip to the content

Taisen Brackets対戦

Knockout brackets as SVG, from a list of ties.

Taisen (対戦, たいせん) is Japanese for a matchup: two sides facing each other. About the name

Contents

Reference · Draw a bracket, a table or a road to the final

Palettetype

The colours of one look. Each is the fallback of a CSS custom property of the same name: --tb-ink and so on.

Import it

import type { Palette } from "@johnmorrisdotca/taisen-brackets";

Definition

interface Palette {
    bg: string;
    ink: string;
    muted: string;
    line: string;
    box: string;
    edge: string;
    win: string;
    gold: string;
    plain: string;
}

Members

NameTypeDescription
bgstring
inkstring
mutedstring
linestring
boxstring
edgestring
winstring
goldstring
plainstring

Examples

import { THEMES, type Palette } from "@johnmorrisdotca/taisen-brackets";

const dark: Palette = THEMES.dark;
console.log(dark.bg, dark.ink);
#141614 #ece8dc

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/taisen-brackets 0.20.0.