Improve author card on blog page: decrease description font size and update background color

[Copilot]

Description

Improves the author card on the blog post page by reducing the description font size to match the reference design and updating the card background to the requested brand color.

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

All changes are in src/theme/BlogPostItem/Footer/styles.module.css:

• .authorSummary — decreased description font size and updated line-height to match text-sm leading-relaxed from the reference design:

  • font-size: 1.1rem → 0.875rem
  • line-height: 1.4 → 1.625

• .authorCard — updated background color to match brand specification:

  • background: var(--ifm-color-emphasis-100) → #FAFBFD

Dependencies

• No new dependencies.

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 6:57pm

[sanjay-kv]

@copilot
I want to change the author card background to match this #FAFBFD color

[Copilot]

@copilot
I want to change the author card background to match this #FAFBFD color

Done in b0ca86d — the .authorCard background is now set to #FAFBFD (replacing the previous var(--ifm-color-emphasis-100)).