From bf8407d39c6c3d02fa7193e9519567a3085d6cd1 Mon Sep 17 00:00:00 2001 From: Johannes du Plessis Date: Mon, 8 Jun 2026 10:13:40 -0700 Subject: [PATCH] fix: use pierre-dark theme for diff view in dark mode (#1450) The Pierre diff view hardcoded the syntax-highlight theme to pierre-light, but the diff background follows the app theme (--ui-panel), so in dark mode light-theme token colors rendered on a dark background with poor contrast. Provide both light/dark Pierre themes and follow the document color-scheme via themeType "system". Co-authored-by: open-swe[bot] --- ui/src/components/agents/utils/diffUtils.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) 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,