fix: ensure all sidebar icons remain white across themes

[ArjinAlbay]

• Fixed collapse/expand button icons to stay white (text-slate-100)
• Fixed profile icon to stay white
• Fixed settings icon to stay white
• Changed logout icon from theme-dependent destructive to fixed red-400
• All icons now have explicit color classes that don't change with theme

Summary by CodeRabbit

Release Notes

• Style
  • Enhanced hover state styling on sidebar toggle buttons with improved text color and background highlighting for better visual feedback during user interactions.
  • Updated user profile menu button styling with consistent hover effects across all elements.
  • Refreshed logout button color scheme to improve contrast and visual distinction.

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

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
githubmon	Ready	Preview	Comment	Nov 23, 2025 10:18pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

This PR applies consistent hover styling updates to UI components in the sidebar and user profile menu. Two toggle buttons and multiple menu buttons receive updated hover text colors (slate-100) and background styling (slate-800). The Logout button color scheme transitions from destructive to red-400 tones. No logic or behavioral changes are introduced.

Changes

Cohort / File(s)	Summary
UI Hover Styling Updates src/components/layout/Sidebar.tsx, src/components/layout/UserProfileMenu.tsx	Added consistent hover styling with text-slate-100 and hover:bg-slate-800 to toggle buttons and menu buttons. Updated Logout button from text-destructive to text-red-400 with adjusted hover states (hover:text-red-300 and hover:bg-slate-800).

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

• Purely cosmetic CSS class additions with no logic or behavioral impact
• Consistent, repetitive styling pattern applied across components
• No exported API or functionality changes

Possibly related PRs

• feat: redesign sidebar with modern header, footer, and component arch… #31: Modifies the same components (Sidebar.tsx and UserProfileMenu.tsx) with hover/style adjustments to previously reshaped UI elements.
• fix: resolve code quality issues in UI components and API client #25: Also applies sidebar CSS updates and accessibility improvements, creating a related code-level dependency for consistent UI styling.
• refactor: improve sidebar UX and consistency #38: Refactors theme/dark-mode classes and styling in the same component files, potentially intersecting with these hover style enhancements.

Poem

🐰 A rabbit hops through hover states,
Adding slate and red to our UI traits,
With gentle glows when buttons gleam,
The UI polish is now supreme! ✨

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch claude/sidebar-content-expansion-01ThtYD31KKdkpGq4ie9DJMi

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 18abf7b and 20281d6.

📒 Files selected for processing (2)

• src/components/layout/Sidebar.tsx (2 hunks)
• src/components/layout/UserProfileMenu.tsx (3 hunks)

---

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.}