From 614abc8b9c30194ca98a021b94894594f49cc1ac Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 15 Nov 2025 16:23:11 +0000
Subject: [PATCH] completionId: cgen-27cd61237b5d4c14b8dcecfa0f9cfad0

cgen-27cd61237b5d4c14b8dcecfa0f9cfad0
---
 client/pages/dashboards/GameForgeDashboard.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/pages/dashboards/GameForgeDashboard.tsx b/client/pages/dashboards/GameForgeDashboard.tsx
index a8be6b95..a3d13faa 100644
--- a/client/pages/dashboards/GameForgeDashboard.tsx
+++ b/client/pages/dashboards/GameForgeDashboard.tsx
@@ -3,6 +3,7 @@ import { useNavigate } from "react-router-dom";
 import Layout from "@/components/Layout";
 import { Button } from "@/components/ui/button";
 import { useAuth } from "@/contexts/AuthContext";
+import { useArmTheme } from "@/contexts/ArmThemeContext";
 import { supabase } from "@/lib/supabase";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
@@ -17,6 +18,7 @@ const API_BASE = import.meta.env.VITE_API_BASE || "";
 export default function GameForgeDashboard() {
   const navigate = useNavigate();
   const { user, loading: authLoading } = useAuth();
+  const { theme } = useArmTheme();
   const [activeTab, setActiveTab] = useState("overview");
   const [sprint, setSprint] = useState<any>(null);
   const [team, setTeam] = useState<any[]>([]);
@@ -104,13 +106,13 @@ export default function GameForgeDashboard() {
 
   return (
     <Layout>
-      <div className="min-h-screen bg-gradient-to-b from-black via-green-950/20 to-black py-8">
+      <div className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`} style={{ backgroundImage: theme.wallpaperPattern }}>
         <div className="container mx-auto px-4 max-w-7xl space-y-8">
           {sprint ? (
             <>
               {/* Active Sprint Header */}
               <div className="space-y-4 animate-slide-down">
-                <h1 className="text-5xl md:text-6xl font-bold bg-gradient-to-r from-green-300 to-emerald-300 bg-clip-text text-transparent">
+                <h1 className={`text-5xl md:text-6xl font-bold bg-gradient-to-r ${theme.accentColor} bg-clip-text text-transparent`}>
                   Mission Control
                 </h1>
                 <p className="text-gray-400 text-lg">Project: {sprint.title}</p>
@@ -147,7 +149,7 @@ export default function GameForgeDashboard() {
 
               {/* Tabs */}
               <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
-                <TabsList className="grid w-full grid-cols-4 bg-green-950/30 border border-green-500/20 p-1">
+                <TabsList className="grid w-full grid-cols-4 bg-green-950/30 border border-green-500/20 p-1" style={{ fontFamily: theme.fontFamily }}>
                   <TabsTrigger value="overview">Overview</TabsTrigger>
                   <TabsTrigger value="scope">Scope</TabsTrigger>
                   <TabsTrigger value="team">Team</TabsTrigger>