From abcff74dd4342b8a7318c218cf27667bd94b3017 Mon Sep 17 00:00:00 2001 From: "Aaron D. Lee" Date: Sun, 4 Jan 2026 15:24:41 -0500 Subject: [PATCH] Fix hover gradient direction on big buttons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Align hover gradient with flipped eggplant→blue direction - Update box-shadow to use eggplant purple 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 --- frontends/web/static/style.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/frontends/web/static/style.css b/frontends/web/static/style.css index 0c90d2c..3aff3d0 100644 --- a/frontends/web/static/style.css +++ b/frontends/web/static/style.css @@ -504,11 +504,11 @@ footer { /* Enhance the gradient on hover for dramatic effect */ .card-link:hover .card-header.text-center { - background: linear-gradient(135deg, - var(--gradient-start) 0%, - #5a67d8 20%, - var(--gradient-end) 80%, - #8a2be2 100%); + background: linear-gradient(135deg, + #3d2050 0%, + var(--gradient-start) 30%, + var(--gradient-end) 70%, + #6680e0 100%); box-shadow: inset 0 0 20px rgba(255, 215, 0, 0.1); } @@ -551,7 +551,7 @@ footer { .card-link:hover .feature-card { transform: translateY(-5px); - box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3); + box-shadow: 0 10px 40px rgba(74, 40, 96, 0.4); } /* ----------------------------------------------------------------------------