fix(app): use v2 base background for file views (#36836)

Co-authored-by: Aarav Sareen <96787824+arvsrn@users.noreply.github.com>

Author: opencode-agent[bot]

packages/app/src/pages/session/file-tabs.tsx

@@ -757,7 +757,7 @@ function SessionFileViewV2(props: { tab: string }) {
           commentsUi.onLineNumberSelectionEnd(range)
         }}
         search={search}
-        class="select-text"
+        class="select-text [--opencode-diffs-bg:var(--v2-background-bg-base)]"
         media={{
           mode: "auto",
           path: path(),

packages/session-ui/src/pierre/index.ts

@@ -15,6 +15,13 @@ export type DiffProps<T = {}> = FileDiffOptions<T> & {
 }
 
 const unsafeCSS = `
+:host {
+  --diffs-bg: var(
+    --opencode-diffs-bg,
+    light-dark(var(--diffs-light-bg, #fff), var(--diffs-dark-bg, #000))
+  );
+}
+
 [data-diff],
 [data-file] {
   /* Pierre 1.2 mixes these override targets at 12% in light mode and 20% in dark mode. */
@@ -129,7 +136,7 @@ const unsafeCSS = `
     height: 24px;
   }
   [data-column-number] {
-    background-color: var(--background-stronger);
+    background-color: var(--diffs-bg);
     cursor: default !important;
   }