fix(web): correct blog colors for the light workspace + thumbnails

Only the .rail sidebar is dark; the .workspace content area is on the
light (#f6f7f4) page background. The previous blog styling assumed a dark
workspace, so text was light-grey on white (unreadable) and the link
green was too light.

- Darken the global link color to #0a7d59 (readable on white); content
  links only — rail nav stays inherited.
- Repaint .blog-content (post HTML) for a light surface: dark body text,
  light code/pre, light borders.
- Blog index/post: dark titles, readable grey meta, light row borders;
  light-themed footer.
- Add post thumbnails to the /blog index from featured_image.url.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Anthony Ettinger 2026-06-08 12:21:46 +00:00
parent 7e11130467
commit ce79f02211
4 changed files with 81 additions and 40 deletions

View file

@ -69,12 +69,14 @@ export default async function BlogPostPage({
<SiteShell active="Blog">
<article className="band" style={{ maxWidth: "48rem" }}>
<p style={{ marginBottom: "1.5rem" }}>
<Link href="/blog" style={{ color: "#b5beb2", textDecoration: "none" }}>
<Link href="/blog" style={{ color: "#5b6b7a", textDecoration: "none" }}>
← Blog
</Link>
</p>
<h1 style={{ fontSize: "2.2rem", margin: "0 0 0.5rem" }}>{post.title}</h1>
<div style={{ color: "#8a95a0", fontSize: "0.85rem", marginBottom: "2rem" }}>
<h1 style={{ fontSize: "2.2rem", margin: "0 0 0.5rem", color: "#101418" }}>
{post.title}
</h1>
<div style={{ color: "#5b6b7a", fontSize: "0.85rem", marginBottom: "2rem" }}>
{formatDate(post.published_at)}
</div>
{post.featured_image?.url ? (