From a84db2a15238041c5f3c84ebc25838802aebb014 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?= Date: Sat, 9 May 2026 19:02:20 -0400 Subject: [PATCH] Layer reading-list cover with pink + blue overlays The Continue card's reading-list cover was a flat 2-stop gradient. The design layers a cream base with a pink upper-right glow and a blue lower-left glow. Add two diagonal overlay layers that fade to transparent so the cover feels more atmospheric without changing the clickable surface. Adds purposeful hover/active feedback so the cover acts visibly clickable. --- crates/ely_app/src/shell/chrome/home/recap.rs | 24 ++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/crates/ely_app/src/shell/chrome/home/recap.rs b/crates/ely_app/src/shell/chrome/home/recap.rs index 03dce9e..7f7ce97 100644 --- a/crates/ely_app/src/shell/chrome/home/recap.rs +++ b/crates/ely_app/src/shell/chrome/home/recap.rs @@ -179,7 +179,29 @@ fn render_reading_list_cover( linear_color_stop(hsla(20.0 / 360.0, 0.36, 0.78, 1.0), 0.0), linear_color_stop(hsla(220.0 / 360.0, 0.30, 0.71, 1.0), 1.0), )) - .cursor_pointer(); + .cursor_pointer() + .hover(|style| style.opacity(0.96)) + .active(|style| style.opacity(0.88)) + .child( + div() + .absolute() + .inset_0() + .bg(linear_gradient( + 225.0, + linear_color_stop(hsla(345.0 / 360.0, 1.0, 0.85, 0.55), 0.0), + linear_color_stop(hsla(345.0 / 360.0, 1.0, 0.85, 0.0), 0.6), + )), + ) + .child( + div() + .absolute() + .inset_0() + .bg(linear_gradient( + 45.0, + linear_color_stop(hsla(228.0 / 360.0, 0.52, 0.62, 0.55), 0.0), + linear_color_stop(hsla(228.0 / 360.0, 0.52, 0.62, 0.0), 0.7), + )), + ); if let Some(target) = url { cover = cover.on_click(cx.listener(move |shell, _, window, cx| {