nessi
7024a681da
This commit introduces specific background images for Gryffindor, Slytherin, Ravenclaw, and Hufflepuff houses. Updated the theme configuration to dynamically set these images per house and adjusted the styles to utilize the new theme token for background images.
37 lines
943 B
JavaScript
37 lines
943 B
JavaScript
export const stylesTokens = {
|
|
pageBg: "var(--hp-pageBg)",
|
|
panelBg: "var(--hp-panelBg)",
|
|
panelBorder: "var(--hp-panelBorder)",
|
|
|
|
textMain: "var(--hp-textMain)",
|
|
textDim: "var(--hp-textDim)",
|
|
textGold: "var(--hp-textGold)",
|
|
|
|
goldLine: "var(--hp-goldLine)",
|
|
|
|
// Header
|
|
headerBgTop: "var(--hp-headerBgTop)",
|
|
headerBgBottom: "var(--hp-headerBgBottom)",
|
|
headerBorder: "var(--hp-headerBorder)",
|
|
|
|
// Rows
|
|
rowNoBg: "var(--hp-rowNoBg)",
|
|
rowNoText: "var(--hp-rowNoText)",
|
|
rowNoBorder: "var(--hp-rowNoBorder)",
|
|
|
|
rowOkBg: "var(--hp-rowOkBg)",
|
|
rowOkText: "var(--hp-rowOkText)",
|
|
rowOkBorder: "var(--hp-rowOkBorder)",
|
|
|
|
rowMaybeBg: "var(--hp-rowMaybeBg)",
|
|
rowMaybeText: "var(--hp-rowMaybeText)",
|
|
rowMaybeBorder: "var(--hp-rowMaybeBorder)",
|
|
|
|
rowEmptyBg: "var(--hp-rowEmptyBg)",
|
|
rowEmptyText: "var(--hp-rowEmptyText)",
|
|
rowEmptyBorder: "var(--hp-rowEmptyBorder)",
|
|
|
|
// Background
|
|
bgImage: "var(--hp-bgImage)",
|
|
};
|