Replace hardcoded green colors with semantic success tokens in dashboard

[Copilot]

Addresses feedback from PR #868 to replace hardcoded green color values with semantic color tokens in the "Recently Fixed Games" section.

Changes

• Added glow-success utility to globals.css following existing glow utility pattern
• Replaced hardcoded colors with semantic tokens:
  • green-500/30 → success/30 (border)
  • green-500/10 → success/10 (background)
  • green-400 → success (text, icon)
• Applied glow effect to cards for consistency with Newest Games section

Example

// Before
<Card className="border-green-500/30 bg-green-500/10 hover:border-green-500">
  <CardTitle className="text-green-400">{machine.name}</CardTitle>
</Card>

// After
<Card className="border-success/30 bg-success/10 hover:border-success glow-success">
  <CardTitle className="text-success">{machine.name}</CardTitle>
</Card>

This ensures consistency with the Material Design 3 color system and eliminates hardcoded color values per the UI Guide's "No-Cruft" rule.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
pin-point	Ready	Preview, Comment	Jan 28, 2026 4:09am

[Copilot]

Pull request overview

This PR addresses feedback from PR #868 by replacing hardcoded green color values with semantic Material Design 3 color tokens in the "Recently Fixed Games" dashboard section.

Changes:

• Added glow-success utility to globals.css following the existing glow utility pattern
• Replaced all hardcoded green color classes (green-500/30, green-500/10, green-400) with semantic tokens (success/30, success/10, success)
• Applied consistent glow effect to Recently Fixed Games cards

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
src/app/globals.css	Adds new glow-success utility for success-themed glow effects following existing pattern
src/app/(app)/dashboard/page.tsx	Replaces hardcoded green colors with semantic success tokens in Recently Fixed Games section

[Copilot]

The glow-success utility uses hardcoded RGBA color values rgba(34, 197, 94, ...) instead of leveraging the CSS variable --color-success. This violates the "No-Cruft" rule from the UI Guide which states "No Hardcoded Colors".

While the existing glow utilities (glow-primary, glow-secondary, etc.) also use hardcoded RGBA values, this presents an opportunity to improve the pattern. The hardcoded values create maintenance issues because if --color-success changes, the glow effect won't automatically match.

Consider using CSS color functions with the existing --color-success variable, or alternatively, define an RGB version of the success color in the @theme block that can be used with rgba().