fix(agent): force code block text to white using !important CSS class

Author: abdoelsayed2016

demo-web/src/app/agent/page.tsx

@@ -136,8 +136,8 @@ export default function AgentPage() {
                                                                             <div className="w-3 h-3 rounded-full bg-green-500/80"></div>
                                                                         </div>
                                                                     </div>
-                                                                    <pre className="p-4 overflow-x-auto bg-[#0d1117] m-0" style={{ color: '#ffffff' }}>
-                                                                        <code className="text-[13px] font-mono leading-relaxed whitespace-pre-wrap" style={{ color: '#ffffff' }} {...props} />
+                                                                    <pre className="code-block-white p-4 overflow-x-auto bg-[#0d1117] m-0">
+                                                                        <code className="text-[13px] font-mono leading-relaxed whitespace-pre-wrap" {...props} />
                                                                     </pre>
                                                                 </div>
                                                             ),

demo-web/src/app/globals.css

@@ -123,4 +123,10 @@
   body {
     @apply bg-background text-foreground;
   }
+}
+
+/* Force all text inside code blocks to pure white, overriding any syntax-highlighting spans */
+.code-block-white,
+.code-block-white * {
+  color: #ffffff !important;
 }