chore: add demonstration of changing the A2UI theme

tylerslaton · tylerslaton · commit d47986bbfea4 · 2026-03-11T11:30:52.000-07:00
Signed-off-by: Tyler Slaton &lt;tyler@copilotkit.ai&gt;
diff --git a/apps/app/src/app/layout.tsx b/apps/app/src/app/layout.tsx
@@ -1,21 +1,20 @@
 "use client";
 
 import "./globals.css";
+import "@copilotkit/react-core/v2/styles.css";
 
 import { CopilotKit } from "@copilotkit/react-core";
-import "@copilotkit/react-core/v2/styles.css";
 import { ThemeProvider } from "@/hooks/use-theme";
 
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
+export default function RootLayout({children}: Readonly<{ children: React.ReactNode }>) {
   return (
     <html lang="en">
       <body className={`antialiased`}>
         <ThemeProvider>
-          <CopilotKit runtimeUrl="/api/copilotkit">
+          <CopilotKit
+            runtimeUrl="/api/copilotkit"
+            // a2ui={ theme } // Custom theme for A2UI, check @/lib/a2ui-theme.css
+          >
             {children}
           </CopilotKit>
         </ThemeProvider>
