Reference · Draw a bracket, a table or a road to the final
ROAD_THEMESconstant
The road look's colours for each theme: light, dark and poster.
Import it
import { ROAD_THEMES } from "@johnmorrisdotca/taisen-brackets";Definition
const ROAD_THEMES: Readonly<Record<"light" | "dark" | "poster", RoadPalette>> = Object.freeze({
light: { ring: "#ffffff", edge: "rgba(0,0,0,.3)", panel: "#e7e3d6", spine: "#b9b39f" },
dark: { ring: "#e9ece6", edge: "rgba(0,0,0,.6)", panel: "#252b28", spine: "#4a524d" },
poster: { ring: "#f6f1e3", edge: "rgba(0,0,0,.5)", panel: "#1b2766", spine: "#d9b24c" },
})Examples
import { ROAD_THEMES } from "@johnmorrisdotca/taisen-brackets";
console.log(Object.keys(ROAD_THEMES));[ 'light', 'dark', 'poster' ]What it prints (run when this page was built)