diff --git a/ui/src/components/agents/utils/diffUtils.ts b/ui/src/components/agents/utils/diffUtils.ts
index 7344cd56..4880c561 100644
--- a/ui/src/components/agents/utils/diffUtils.ts
+++ b/ui/src/components/agents/utils/diffUtils.ts
@@ -54,7 +54,8 @@ export const DIFF_UNSAFE_CSS = `
 `;
 
 export const diffOptions = {
-  theme: "pierre-light" as const,
+  theme: { light: "pierre-light", dark: "pierre-dark" } as const,
+  themeType: "system" as const,
   diffStyle: "unified" as const,
   overflow: "scroll" as const,
   disableFileHeader: true,