peter
95b159c0df
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>
46 lines
977 B
CSS
46 lines
977 B
CSS
body.artifact {
|
|
background: #faf9f6;
|
|
box-sizing: border-box;
|
|
color: #1d2528;
|
|
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
line-height: 1.65;
|
|
margin: 0 auto;
|
|
max-width: 900px;
|
|
padding: 3rem 1.25rem;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
pre {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
/* Applies to any <table> in markdown (pipe-table syntax) or hand-written
|
|
html_fragment content. display:block + overflow-x lets wide tables scroll
|
|
horizontally instead of squeezing columns or breaking page layout, while
|
|
descendant tr/td/th keep their normal table layout internally. */
|
|
table {
|
|
border-collapse: collapse;
|
|
display: block;
|
|
max-width: 100%;
|
|
overflow-x: auto;
|
|
width: max-content;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
padding: 0.45rem 0.75rem;
|
|
text-align: left;
|
|
}
|
|
|
|
thead th {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
font-weight: 600;
|
|
}
|
|
|
|
tbody tr:nth-child(even) {
|
|
background: rgba(0, 0, 0, 0.025);
|
|
}
|