KOTOBA_PLAY_VARIABLESconstant
The variables the game's look is made of, with what they are unless set. The stylesheet the game adds to a page is KOTOBA_PLAY_CSS.
Import it
import { KOTOBA_PLAY_VARIABLES } from "@johnmorrisdotca/kotoba/play";
Definition
const KOTOBA_PLAY_VARIABLES: { readonly "--kt-board": "#2f5d4a"; readonly "--kt-ink": "#f3efe4"; readonly "--kt-cell": "#fbf8ee"; readonly "--kt-cell-ink": "#1b1b1b"; readonly "--kt-hit": "#2f7a4f"; readonly "--kt-near": "#d9822b"; readonly "--kt-kin": "#d9b83b"; readonly "--kt-miss": "#5a5f5a"; readonly "--kt-typed": "#e0b43b"; readonly "--kt-radius": "14px"; readonly "--kt-cell-size": "60px"; } = {
"--kt-board": "#2f5d4a",
"--kt-ink": "#f3efe4",
"--kt-cell": "#fbf8ee",
"--kt-cell-ink": "#1b1b1b",
"--kt-hit": "#2f7a4f",
"--kt-near": "#d9822b",
"--kt-kin": "#d9b83b",
"--kt-miss": "#5a5f5a",
"--kt-typed": "#e0b43b",
"--kt-radius": "14px",
"--kt-cell-size": "60px",
} as const
Members
| Name | Type | Description |
|---|---|---|
--kt-board | "#2f5d4a" | |
--kt-ink | "#f3efe4" | |
--kt-cell | "#fbf8ee" | |
--kt-cell-ink | "#1b1b1b" | |
--kt-hit | "#2f7a4f" | |
--kt-near | "#d9822b" | |
--kt-kin | "#d9b83b" | |
--kt-miss | "#5a5f5a" | |
--kt-typed | "#e0b43b" | |
--kt-radius | "14px" | |
--kt-cell-size | "60px" |
Examples
import { KOTOBA_PLAY_VARIABLES } from "@johnmorrisdotca/kotoba/play";
console.log(KOTOBA_PLAY_VARIABLES);{
'--kt-board': '#2f5d4a',
'--kt-ink': '#f3efe4',
'--kt-cell': '#fbf8ee',
'--kt-cell-ink': '#1b1b1b',
'--kt-hit': '#2f7a4f',
'--kt-near': '#d9822b',
'--kt-kin': '#d9b83b',
'--kt-miss': '#5a5f5a',
'--kt-typed': '#e0b43b',
'--kt-radius': '14px',
'--kt-cell-size': '60px'
}What it prints (run when this page was built)