add halloween lootbox / fix thresh theme

shared/lootboxes.ts

@@ -212,4 +212,34 @@ export const series1: Lootbox = {
   ],
 };
 
-export const lootboxes = [series1];
+export const halloween: Lootbox = {
+  name: "Halloween",
+  id: "halloween",
+  price: 6000,
+  priceText: "6.000",
+  image: lootbox1,
+  items: [
+    {
+      id: "skeleton",
+      rarity: "rare",
+    },
+    {
+      id: "vampire",
+      rarity: "rare",
+    },
+    {
+      id: "ghost",
+      rarity: "rare",
+    },
+    {
+      id: "pumpkin",
+      rarity: "rare",
+    },
+    {
+      id: "zombie",
+      rarity: "rare",
+    },
+  ],
+};
+
+export const lootboxes = [series1, halloween];

src/themes/halloween/ghost.ts

@@ -0,0 +1,20 @@
+import type { Theme } from "../Theme";
+
+export const ghostTheme: Theme = {
+  size: 32,
+  mine: () => import("../../assets/themes/halloween/ghost/mine.png"),
+  tile: () => import("../../assets/themes/halloween/ghost/tile.png"),
+  revealed: () => import("../../assets/themes/halloween/ghost/revealed.png"),
+  flag: () => import("../../assets/themes/halloween/ghost/flag.png"),
+  questionMark: () =>
+    import("../../assets/themes/halloween/ghost/question-mark.png"),
+  lastPos: () => import("../../assets/themes/halloween/ghost/last-pos.png"),
+  1: () => import("../../assets/themes/halloween/ghost/1.png"),
+  2: () => import("../../assets/themes/halloween/ghost/2.png"),
+  3: () => import("../../assets/themes/halloween/ghost/3.png"),
+  4: () => import("../../assets/themes/halloween/ghost/4.png"),
+  5: () => import("../../assets/themes/halloween/ghost/5.png"),
+  6: () => import("../../assets/themes/halloween/ghost/6.png"),
+  7: () => import("../../assets/themes/halloween/ghost/7.png"),
+  8: () => import("../../assets/themes/halloween/ghost/8.png"),
+};

src/themes/halloween/pumpkin.ts

@@ -0,0 +1,20 @@
+import type { Theme } from "../Theme";
+
+export const pumpkinTheme: Theme = {
+  size: 32,
+  mine: () => import("../../assets/themes/halloween/pumpkin/mine.png"),
+  tile: () => import("../../assets/themes/halloween/pumpkin/tile.png"),
+  revealed: () => import("../../assets/themes/halloween/pumpkin/revealed.png"),
+  flag: () => import("../../assets/themes/halloween/pumpkin/flag.png"),
+  questionMark: () =>
+    import("../../assets/themes/halloween/pumpkin/question-mark.png"),
+  lastPos: () => import("../../assets/themes/halloween/pumpkin/last-pos.png"),
+  1: () => import("../../assets/themes/halloween/pumpkin/1.png"),
+  2: () => import("../../assets/themes/halloween/pumpkin/2.png"),
+  3: () => import("../../assets/themes/halloween/pumpkin/3.png"),
+  4: () => import("../../assets/themes/halloween/pumpkin/4.png"),
+  5: () => import("../../assets/themes/halloween/pumpkin/5.png"),
+  6: () => import("../../assets/themes/halloween/pumpkin/6.png"),
+  7: () => import("../../assets/themes/halloween/pumpkin/7.png"),
+  8: () => import("../../assets/themes/halloween/pumpkin/8.png"),
+};

src/themes/halloween/skeleton.ts

@@ -0,0 +1,20 @@
+import type { Theme } from "../Theme";
+
+export const skeletonTheme: Theme = {
+  size: 32,
+  mine: () => import("../../assets/themes/halloween/skeleton/mine.png"),
+  tile: () => import("../../assets/themes/halloween/skeleton/tile.png"),
+  revealed: () => import("../../assets/themes/halloween/skeleton/revealed.png"),
+  flag: () => import("../../assets/themes/halloween/skeleton/flag.png"),
+  questionMark: () =>
+    import("../../assets/themes/halloween/skeleton/question-mark.png"),
+  lastPos: () => import("../../assets/themes/halloween/skeleton/last-pos.png"),
+  1: () => import("../../assets/themes/halloween/skeleton/1.png"),
+  2: () => import("../../assets/themes/halloween/skeleton/2.png"),
+  3: () => import("../../assets/themes/halloween/skeleton/3.png"),
+  4: () => import("../../assets/themes/halloween/skeleton/4.png"),
+  5: () => import("../../assets/themes/halloween/skeleton/5.png"),
+  6: () => import("../../assets/themes/halloween/skeleton/6.png"),
+  7: () => import("../../assets/themes/halloween/skeleton/7.png"),
+  8: () => import("../../assets/themes/halloween/skeleton/8.png"),
+};

src/themes/halloween/vampire.ts

@@ -0,0 +1,20 @@
+import type { Theme } from "../Theme";
+
+export const vampireTheme: Theme = {
+  size: 32,
+  mine: () => import("../../assets/themes/halloween/vampire/mine.png"),
+  tile: () => import("../../assets/themes/halloween/vampire/tile.png"),
+  revealed: () => import("../../assets/themes/halloween/vampire/revealed.png"),
+  flag: () => import("../../assets/themes/halloween/vampire/flag.png"),
+  questionMark: () =>
+    import("../../assets/themes/halloween/vampire/question-mark.png"),
+  lastPos: () => import("../../assets/themes/halloween/vampire/last-pos.png"),
+  1: () => import("../../assets/themes/halloween/vampire/1.png"),
+  2: () => import("../../assets/themes/halloween/vampire/2.png"),
+  3: () => import("../../assets/themes/halloween/vampire/3.png"),
+  4: () => import("../../assets/themes/halloween/vampire/4.png"),
+  5: () => import("../../assets/themes/halloween/vampire/5.png"),
+  6: () => import("../../assets/themes/halloween/vampire/6.png"),
+  7: () => import("../../assets/themes/halloween/vampire/7.png"),
+  8: () => import("../../assets/themes/halloween/vampire/8.png"),
+};

src/themes/halloween/zombie.ts

@@ -0,0 +1,20 @@
+import type { Theme } from "../Theme";
+
+export const zombieTheme: Theme = {
+  size: 32,
+  mine: () => import("../../assets/themes/halloween/zombie/mine.png"),
+  tile: () => import("../../assets/themes/halloween/zombie/tile.png"),
+  revealed: () => import("../../assets/themes/halloween/zombie/revealed.png"),
+  flag: () => import("../../assets/themes/halloween/zombie/flag.png"),
+  questionMark: () =>
+    import("../../assets/themes/halloween/zombie/question-mark.png"),
+  lastPos: () => import("../../assets/themes/halloween/zombie/last-pos.png"),
+  1: () => import("../../assets/themes/halloween/zombie/1.png"),
+  2: () => import("../../assets/themes/halloween/zombie/2.png"),
+  3: () => import("../../assets/themes/halloween/zombie/3.png"),
+  4: () => import("../../assets/themes/halloween/zombie/4.png"),
+  5: () => import("../../assets/themes/halloween/zombie/5.png"),
+  6: () => import("../../assets/themes/halloween/zombie/6.png"),
+  7: () => import("../../assets/themes/halloween/zombie/7.png"),
+  8: () => import("../../assets/themes/halloween/zombie/8.png"),
+};

src/themes/index.ts

@@ -21,6 +21,11 @@ import { eldenRingTheme } from "./elden-ring";
 import { farmTheme } from "./farm";
 import { flowersTheme } from "./flowers";
 import { halliGalliTheme } from "./halli-galli";
+import { ghostTheme } from "./halloween/ghost";
+import { pumpkinTheme } from "./halloween/pumpkin";
+import { skeletonTheme } from "./halloween/skeleton";
+import { vampireTheme } from "./halloween/vampire";
+import { zombieTheme } from "./halloween/zombie";
 import { insectsTheme } from "./insects";
 import { isaacTheme } from "./isaac";
 import { janitorTreshTheme } from "./janitor-tresh";
@@ -296,4 +301,34 @@ export const themes = [
     id: "rainbow",
     theme: rainbowTheme,
   },
+  {
+    name: "Ghost",
+    tags: ["halloween"],
+    id: "ghost",
+    theme: ghostTheme,
+  },
+  {
+    name: "Pumpkin",
+    tags: ["halloween"],
+    id: "pumpkin",
+    theme: pumpkinTheme,
+  },
+  {
+    name: "Skeleton",
+    tags: ["halloween"],
+    id: "skeleton",
+    theme: skeletonTheme,
+  },
+  {
+    name: "Vampire",
+    tags: ["halloween"],
+    id: "vampire",
+    theme: vampireTheme,
+  },
+  {
+    name: "Zombie",
+    tags: ["halloween"],
+    id: "zombie",
+    theme: zombieTheme,
+  },
 ] as const satisfies ThemeEntry[];

src/themes/league-teemo.ts

@@ -1,12 +1,9 @@
-import { mainWithSpecials, type Theme } from "./Theme";
+import { type Theme } from "./Theme";
 
 export const leagueTeemoTheme: Theme = {
   size: 32,
   mine: () => import("../assets/themes/league/teemo/mine.png"),
-  tile: mainWithSpecials(
+  tile: () => import("../assets/themes/league/tile-1.png"),
-    () => import("../assets/themes/league/tile-1.png"),
-    () => import("../assets/themes/league/tile-2.png")
-  ),
   revealed: () => import("../assets/themes/league/revealed.png"),
   flag: () => import("../assets/themes/league/teemo/flag.png"),
   questionMark: () => import("../assets/themes/league/question-mark.png"),

src/themes/league-ziggs.ts

@@ -1,12 +1,9 @@
-import { mainWithSpecials, type Theme } from "./Theme";
+import { type Theme } from "./Theme";
 
 export const leagueZiggsTheme: Theme = {
   size: 32,
   mine: () => import("../assets/themes/league/ziggs/mine.png"),
-  tile: mainWithSpecials(
+  tile: () => import("../assets/themes/league/tile-1.png"),
-    () => import("../assets/themes/league/tile-1.png"),
-    () => import("../assets/themes/league/tile-2.png")
-  ),
   revealed: () => import("../assets/themes/league/revealed.png"),
   flag: () => import("../assets/themes/league/ziggs/flag.png"),
   questionMark: () => import("../assets/themes/league/question-mark.png"),