Sanity

[KomrakovaAnna]

UI fixes on a blog page

Summary by CodeRabbit

• Style
  • Refined hover color styling for blog post titles and author names with a unified accent color approach.
  • Simplified the blog filters container styling for improved visual consistency.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[netlify]

✅ Deploy Preview for develop-devlovers ready!

Name	Link
🔨 Latest commit	1a50573
🔍 Latest deploy log	https://app.netlify.com/projects/develop-devlovers/deploys/69714b6387264600084ad4a8
😎 Deploy Preview	https://deploy-preview-178--develop-devlovers.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

📝 Walkthrough

Walkthrough

Blog components receive styling updates where hover color logic in BlogCard.tsx transitions to CSS variable-based accent colors for titles and author buttons, while BlogFilters.tsx simplifies the category chips container class list by removing dark mode enforcement classes.

Changes

Cohort / File(s)	Summary
Blog styling refinements frontend/components/blog/BlogCard.tsx	Modified post title hover color logic to use CSS variable accent in both light-mode hover and group-hover states (respecting disableHoverColor prop); updated author name button hover from hardcoded magenta to variable-based accent color
Blog component layout frontend/components/blog/BlogFilters.tsx	Simplified category chips container class list by removing dark mode border, background, padding, and corner styling enforcement; retained responsive classes only

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related PRs

• Sanity #176: Modifies BlogCard.tsx hover color logic and accent variable implementation in related blog filter components.
• Sanity #79: Updates BlogCard.tsx title and link hover styling behavior with accent variable usage.

Suggested reviewers

• AM1007
• ViktorSvertoka

Poem

🐰 With whiskers twitched and nose held high,
Our accent hues now catch the eye!
The cards do shimmer, hover bright,
While filters shed their styling blight—
A cleaner look, a softer plight! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Title check	❓ Inconclusive	The title 'Sanity' is vague and does not clearly convey the actual changes made to the codebase, which involve hover styling updates in BlogCard and visual adjustments in BlogFilters.	Consider using a more descriptive title such as 'Update blog hover styling and filter component styles' or similar that reflects the actual UI changes being made.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}