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/root.css | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

(limited to 'src/frontend/app/root.css')

diff --git a/src/frontend/app/root.css b/src/frontend/app/root.css
index 61cbfe4..12441af 100644
--- a/src/frontend/app/root.css
+++ b/src/frontend/app/root.css
@@ -26,6 +26,24 @@
   --service-background: #f0f0f0;
   --service-background-past: #e8e8e8;
 
+  /* Alert color variables */
+  --alert-info-bg: rgba(59, 130, 246, 0.1);
+  --alert-info-border: rgba(59, 130, 246, 0.5);
+  --alert-info-text: #1e40af;
+
+  --alert-warning-bg: rgba(255, 152, 0, 0.1);
+  --alert-warning-border: rgba(255, 152, 0, 0.5);
+  --alert-warning-text: #e65100;
+
+  --alert-error-bg: rgba(239, 68, 68, 0.1);
+  --alert-error-border: rgba(239, 68, 68, 0.5);
+  --alert-error-text: #991b1b;
+
+  /* Error display colors */
+  --error-icon-color: #e74c3c;
+  --error-title-color: #2c3e50;
+  --error-message-color: #7f8c8d;
+
   color-scheme: light;
   font-family: "Roboto Variable", Roboto, Arial, sans-serif;
 }
@@ -58,6 +76,24 @@
   --service-background: #222222;
   --service-background-past: #1f1f1f;
 
+  /* Alert color variables (dark) */
+  --alert-info-bg: rgba(59, 130, 246, 0.15);
+  --alert-info-border: rgba(59, 130, 246, 0.4);
+  --alert-info-text: #93c5fd;
+
+  --alert-warning-bg: rgba(255, 152, 0, 0.15);
+  --alert-warning-border: rgba(255, 152, 0, 0.4);
+  --alert-warning-text: #ffa726;
+
+  --alert-error-bg: rgba(239, 68, 68, 0.15);
+  --alert-error-border: rgba(239, 68, 68, 0.4);
+  --alert-error-text: #fca5a5;
+
+  /* Error display colors (dark) */
+  --error-icon-color: #e74c3c;
+  --error-title-color: #e0e0e0;
+  --error-message-color: #b0b0b0;
+
   color-scheme: dark;
 }
 
-- 
cgit v1.3