From 95b159c0df5c43bbf4baf5d61103948cecf4d4d9 Mon Sep 17 00:00:00 2001
From: peter <peter@cygnus.systems>
Date: Thu, 3 Sep 2026 13:30:36 +0100
Subject: [PATCH] Unify document artifact backgrounds to the off-white content
 color
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

markdown/html_fragment (report, tasks, base themes) and the json/csv viewers
each used their own near-white background (cream #fffaf0, light-blue
#f7fbff, or plain white). They now all use #faf9f6 — the same off-white the
preview area uses for image/binary artifacts — so browsing across kinds is
visually consistent.

Left as-is on purpose: deck (intentional dark slide background; switching it
would require reworking its light text colors), html_full (served verbatim,
poster owns styling), and pdf (the browser's own viewer chrome). Existing
json/csv artifacts keep their baked-in #fffaf0, which is visually
indistinguishable from #faf9f6; only new ones get the exact value.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 artifacts/views.py       | 4 ++--
 static/themes/base.css   | 1 +
 static/themes/report.css | 2 +-
 static/themes/tasks.css  | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/artifacts/views.py b/artifacts/views.py
index 82f733f..d463611 100644
--- a/artifacts/views.py
+++ b/artifacts/views.py
@@ -840,7 +840,7 @@ def wrap_json_viewer(content, title, request):
   <title>{html.escape(title)}</title>
   <script src="{renderjson_src}"></script>
   <style>
-    body {{ margin: 0; padding: 1.2rem; background: #fffaf0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9rem; }}
+    body {{ margin: 0; padding: 1.2rem; background: #faf9f6; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9rem; }}
   </style>
 </head>
 <body class="artifact">
@@ -884,7 +884,7 @@ def wrap_csv_viewer(content, title, request):
   <link rel="stylesheet" href="{gridjs_css}">
   <script src="{gridjs_js}"></script>
   <style>
-    body {{ margin: 0; padding: 1.2rem; background: #fffaf0; }}
+    body {{ margin: 0; padding: 1.2rem; background: #faf9f6; }}
   </style>
 </head>
 <body class="artifact">
diff --git a/static/themes/base.css b/static/themes/base.css
index ae585f1..8294c84 100644
--- a/static/themes/base.css
+++ b/static/themes/base.css
@@ -1,4 +1,5 @@
 body.artifact {
+  background: #faf9f6;
   box-sizing: border-box;
   color: #1d2528;
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
diff --git a/static/themes/report.css b/static/themes/report.css
index 2a37bec..83fc39f 100644
--- a/static/themes/report.css
+++ b/static/themes/report.css
@@ -1,7 +1,7 @@
 @import url("/static/themes/base.css");
 
 body.artifact {
-  background: #fffaf0;
+  background: #faf9f6;
   color: #1e2b2f;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 1.08rem;
diff --git a/static/themes/tasks.css b/static/themes/tasks.css
index a8e71fe..80964b0 100644
--- a/static/themes/tasks.css
+++ b/static/themes/tasks.css
@@ -1,7 +1,7 @@
 @import url("/static/themes/base.css");
 
 body.artifact {
-  background: #f7fbff;
+  background: #faf9f6;
   color: #17202a;
   max-width: 760px;
 }