mirror of
https://github.com/profullstack/logicsrc.git
synced 2026-10-02 12:54:03 +00:00
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:
parent
7e11130467
commit
ce79f02211
4 changed files with 81 additions and 40 deletions
|
|
@ -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 ? (
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue