Unverified 提交 8aa893b1 authored 作者: Nour Zakhma's avatar Nour Zakhma 提交者: GitHub

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 -->
上级 0f077b9d
......@@ -174,7 +174,7 @@ body[data-scroll-locked] .app-region-drag {
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent: oklch(0.35 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(0.269 0 0);
--sidebar-ring: oklch(0.439 0 0);
......@@ -249,7 +249,7 @@ body[data-scroll-locked] .app-region-drag {
--sidebar-foreground: 240 4.8% 95.9%;
--sidebar-primary: 224.3 76.3% 48%;
--sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 240 3.7% 15.9%;
--sidebar-accent: 240 5% 35%;
--sidebar-accent-foreground: 240 4.8% 95.9%;
--sidebar-border: 240 3.7% 15.9%;
--sidebar-ring: 217.2 91.2% 59.8%;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论