style: change blog content headings (h1–h4) color to #1F2937

[Copilot]

Description

Blog post content headings (h1–h4) lacked a defined color, inheriting inconsistent values. This sets them to #1F2937 (dark gray) in light mode, matching the reference design, with a dark-mode counterpart of #D1D5DB.

Type of Change

• New feature (e.g., new page, component, or functionality)
• Bug fix (non-breaking change that fixes an issue)
• UI/UX improvement (design, layout, or styling updates)
• Performance optimization (e.g., code splitting, caching)
• Documentation update (README, contribution guidelines, etc.)
• Other (please specify):

Changes Made

• src/css/custom.css — added two rule blocks scoped to .blog-post-page .markdown:

.blog-post-page .markdown h1,
.blog-post-page .markdown h2,
.blog-post-page .markdown h3,
.blog-post-page .markdown h4 {
  color: #1F2937 !important;
}

html[data-theme="dark"] .blog-post-page .markdown h1,
html[data-theme="dark"] .blog-post-page .markdown h2,
html[data-theme="dark"] .blog-post-page .markdown h3,
html[data-theme="dark"] .blog-post-page .markdown h4 {
  color: #D1D5DB !important;
}

Dark-mode override uses #D1D5DB, consistent with the existing dark-mode body text color already applied to .blog-post-page .markdown.

Dependencies

None.

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers and devices
• My changes do not generate new console warnings or errors .
• I ran npm run build and attached screenshot(s) in this PR.
• This is already assigned Issue to me, not an unassigned issue.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
recode-website	Ready	Preview, Comment	May 23, 2026 7:29pm

[github-actions]

✅ Synchronized metadata from Issue #1:

• Labels: None
• Milestone: None