本文へ移動

Taisen Brackets対戦

対戦の一覧から、トーナメント表をSVGで描きます。

対戦(たいせん)は、二者が向かい合って勝負することです。 名前について(英語)

目次

リファレンス · トーナメント表・表・決勝までの道を描く

Palette型

リファレンスの説明と例は英語です。見出しと目次は日本語です。

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

インポート

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

定義

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

メンバー

名前型説明
bgstring
inkstring
mutedstring
linestring
boxstring
edgestring
winstring
goldstring
plainstring

例

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

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

出力(このページを作ったときに実行した結果)

ソースを見るGitHub で編集@johnmorrisdotca/taisen-brackets 0.20.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。