From febe700d4564e5c0fec0dfbda7dcfcdff0af589b Mon Sep 17 00:00:00 2001
From: Copilot <198982749+Copilot@users.noreply.github.com>
Date: Fri, 7 Nov 2025 19:58:44 +0100
Subject: [WIP] Fix stop alert colours in dark mode and consolidate styling
 (#84)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
---
 src/frontend/app/components/ErrorDisplay.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'src/frontend/app/components/ErrorDisplay.css')

diff --git a/src/frontend/app/components/ErrorDisplay.css b/src/frontend/app/components/ErrorDisplay.css
index 096182a..4799949 100644
--- a/src/frontend/app/components/ErrorDisplay.css
+++ b/src/frontend/app/components/ErrorDisplay.css
@@ -14,7 +14,7 @@
 .error-icon {
   width: 48px;
   height: 48px;
-  color: #e74c3c;
+  color: var(--error-icon-color);
   margin: 0 auto 1rem;
   display: block;
 }
@@ -22,12 +22,12 @@
 .error-title {
   font-size: 1.5rem;
   font-weight: 600;
-  color: #2c3e50;
+  color: var(--error-title-color);
   margin: 0 0 0.5rem;
 }
 
 .error-message {
-  color: #7f8c8d;
+  color: var(--error-message-color);
   margin: 0 0 1.5rem;
   line-height: 1.5;
 }
@@ -36,7 +36,7 @@
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-  background: #3498db;
+  background: var(--button-background-color);
   color: white;
   border: none;
   padding: 0.75rem 1.5rem;
@@ -48,7 +48,7 @@
 }
 
 .error-retry-button:hover {
-  background: #2980b9;
+  background: var(--button-hover-background-color);
 }
 
 .error-retry-button:active {
-- 
cgit v1.3