fixed background color in hero arent being properly used if game is custom

src/renderer/src/pages/game-details/game-details-content.tsx

@@ -68,8 +68,17 @@ export function GameDetailsContent() {
   const [showEditGameModal, setShowEditGameModal] = useState(false);
 
   const handleHeroLoad = async () => {
+    // Use the same logic as heroImage to get the correct URL for both custom and non-custom games
+    const isCustomGame = game?.shop === "custom";
+    const heroImageUrl = isCustomGame
+      ? game?.libraryHeroImageUrl || game?.iconUrl || ""
+      : getImageWithCustomPriority(
+          game?.customHeroImageUrl,
+          shopDetails?.assets?.libraryHeroImageUrl
+        );
+
     const output = await average(
-      shopDetails?.assets?.libraryHeroImageUrl ?? "",
+      heroImageUrl,
       {
         amount: 1,
         format: "hex",

src/renderer/src/pages/game-details/modals/game-options-modal.tsx

@@ -92,7 +92,7 @@ export function GameOptionsModal({
     await removeGameFromLibrary(game.shop, game.objectId);
     updateGame();
     onClose();
-    
+
     // Redirect to home page if it's a custom game
     if (game.shop === "custom" && onNavigateHome) {
       onNavigateHome();