feat(desktop): make new workspace button more discoverable

[AviPeltz]

Summary

• Add a persistent bg-accent/40 background to the New Workspace button in the sidebar so it stands out from other nav items as a clear call-to-action
• Stronger hover state (bg-accent/60) to maintain visual feedback

Test plan

• Verify the button has a visible background in both collapsed and expanded sidebar states
• Confirm hover state transitions smoothly
• Check it looks consistent in both light and dark themes

Summary by CodeRabbit

• Style
  • Enhanced the visual appearance of workspace sidebar buttons with improved background color styling and refined hover state transitions. These updates apply consistently across both collapsed and expanded sidebar layouts, providing users with clearer visual feedback and more responsive interactive states.

[coderabbitai]

📝 Walkthrough

Walkthrough

The PR updates styling classes in the NewWorkspaceButton component to modify background color and hover states. Specifically, the buttons change from hover-only background styling (hover:bg-accent/50) to persistent background color with adjusted hover intensity (bg-accent/40 hover:bg-accent/60).

Changes

Cohort / File(s)	Summary
NewWorkspaceButton Styling apps/desktop/src/renderer/screens/main/components/WorkspaceSidebar/WorkspaceSidebarHeader/NewWorkspaceButton.tsx	Updated background color and hover states for both collapsed and full button variants from hover-only styling to persistent background with adjusted hover intensity.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• refactor (desktop): New workspace button #596: Introduced the NewWorkspaceButton component that is being styled in this PR.
• fix (desktop): new workspace button layout fix #828: Previously modified NewWorkspaceButton component styling (layout, width, alignment attributes).
• feat (desktop): shortcut on new workspace button #811: Enhanced NewWorkspaceButton with Tooltip/HotkeyTooltipContent wrapper for keyboard shortcuts.

Poem

🐰 A button's glow, now soft and warm,
With persistent hue breaking the norm,
Hover states dance in harmony's glow,
Workspace buttons steal the show! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Description check	❓ Inconclusive	The PR description provides a clear summary, test plan, and addresses the styling changes. However, it deviates from the template structure by omitting required sections like 'Related Issues', 'Type of Change', and 'Screenshots'.	Add the missing template sections: specify related GitHub issues, mark 'New feature' or 'Refactor' in Type of Change, and optionally include before/after screenshots showing the button styling in both sidebar states.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely describes the main change: making the new workspace button more discoverable through visual styling updates.
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

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch workspace-button

---

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

[github-actions]

🧹 Preview Cleanup Complete

The following preview resources have been cleaned up:

• ⚠️ Neon database branch
• ⚠️ Electric Fly.io app
• ⚠️ Streams Fly.io app

Thank you for your contribution! 🎉