Modernize category cards with flat design - remove gradient

tomvannuenen · claude · tomvannuenen · commit 472366ab8407 · 2025-07-31T22:15:32.000-07:00
- Replace gradient background with clean white background - Maintains hover effects and transitions for interactivity - Creates more modern, minimalist appearance 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/static/stylesheets/custom-home.css b/static/stylesheets/custom-home.css
@@ -5,9 +5,9 @@
   margin-top: 80px !important; /* Account for fixed navbar height + padding */
 }
 
-/* Add gradient background to category cards */
+/* Modern flat design for category cards */
 .category-card {
-  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+  background: #ffffff;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -5,9 +5,9 @@`
`5`	`5`	`margin-top: 80px !important; /* Account for fixed navbar height + padding */`
`6`	`6`	`}`
`7`	`7`
`8`		`-/* Add gradient background to category cards */`
	`8`	`+/* Modern flat design for category cards */`
`9`	`9`	`.category-card {`
`10`		`- background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);`
	`10`	`+ background: #ffffff;`
`11`	`11`	`transition: transform 0.3s ease, box-shadow 0.3s ease;`
`12`	`12`	`}`
`13`	`13`