Fix: Add missing CSS variables for Add to Compare button
All checks were successful
Build and Push Docker Images / Build Backend (FastAPI) (push) Successful in 34s
Build and Push Docker Images / Build Frontend (Next.js) (push) Successful in 1m14s
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 0s

The "Add to Compare" button on individual school pages was invisible
because the CSS variables --primary, --primary-dark, --success, and
--border-light were not defined in globals.css.

Added these variables mapped to the existing color palette:
- --primary: coral accent (#e07256)
- --primary-dark: dark coral (#c45a3f)
- --success: teal accent (#2d7d7d)
- --border-light: border color (#e5dfd5)

The button was already in the DOM but had no background color.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Tudor
2026-02-02 22:27:42 +00:00
parent 1c0e6298f2
commit 2e62853b70

View File

@@ -22,6 +22,12 @@
--accent-gold: #c9a227;
--accent-navy: #2c3e50;
/* Button/Action colors */
--primary: #e07256;
--primary-dark: #c45a3f;
--success: #2d7d7d;
--border-light: #e5dfd5;
/* Chart colors */
--chart-1: #e07256;
--chart-2: #2d7d7d;