style: add visible borders to category chips in Events Around You

Unselected chips now have a 1.5px light gray (#E5E7EB) border so they
stand out against the white background. Selected chips get a matching
primary blue border. Also slightly increased shadow opacity for better
depth perception. Replaced deprecated withOpacity calls with withValues.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-30 22:01:46 +05:30
parent 34a39ada31
commit 2fc45e0c5b

View File

@@ -186,11 +186,15 @@ class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateM
decoration: BoxDecoration(
color: selected ? theme.colorScheme.primary : Colors.white,
borderRadius: BorderRadius.circular(18),
border: Border.all(
color: selected ? theme.colorScheme.primary : const Color(0xFFE5E7EB),
width: 1.5,
),
boxShadow: [
BoxShadow(
color: selected
? theme.colorScheme.primary.withOpacity(0.35)
: Colors.black.withOpacity(0.06),
? theme.colorScheme.primary.withValues(alpha: 0.35)
: Colors.black.withValues(alpha: 0.08),
blurRadius: selected ? 12 : 8,
offset: const Offset(0, 4),
),