fix Project howver visibility (#3074)
## Issue
Fixes #2962 - Improve the background color at hovering and MOST OF ALL
for selected projects.
## Changes
- Increased dark mode sidebar-accent background color contrast from
15.9% to 35% lightness
- Updated both OKLch and HSL color formats for consistency
- Selected items are now clearly distinguishable from unselected items
### Dark mode improvements:
- OKLch: `oklch(0.35 0 0)` instead of `oklch(0.269 0 0)`
- HSL: `240 5% 35%` instead of `240 3.7% 15.9%`
This dramatically improves visibility for users with less acute vision,
addressing the accessibility concern raised in the issue.
## Testing
Added comprehensive E2E test to verify:
- Selected sidebar items have visually distinct background colors
- Hover states provide proper visual feedback
- Good contrast between selected, unselected, and hover states
<!-- devin-review-badge-begin -->
---
<a href="https://app.devin.ai/review/dyad-sh/dyad/pull/3074"
target="_blank">
<picture>
<source media="(prefers-color-scheme: dark)"
srcset="https://static.devin.ai/assets/gh-open-in-devin-review-dark.svg?v=1">
<img
src="https://static.devin.ai/assets/gh-open-in-devin-review-light.svg?v=1"
alt="Open with Devin">
</picture>
</a>
<!-- devin-review-badge-end -->
正在显示
请
注册
或者
登录
后发表评论