Add themed background images for Hogwarts houses

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.
2026-02-06 09:52:54 +01:00
parent 4295b139b2
commit 7024a681da
7 changed files with 19 additions and 1 deletions
--- a/frontend/src/styles/theme.js
+++ b/frontend/src/styles/theme.js
@@ -30,4 +30,7 @@ export const stylesTokens = {
  rowEmptyBg: "var(--hp-rowEmptyBg)",
  rowEmptyText: "var(--hp-rowEmptyText)",
  rowEmptyBorder: "var(--hp-rowEmptyBorder)",
+
+  // Background
+  bgImage: "var(--hp-bgImage)",
 };