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/StopAlert.css | 28 +++++++---------------------
 1 file changed, 7 insertions(+), 21 deletions(-)

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

diff --git a/src/frontend/app/components/StopAlert.css b/src/frontend/app/components/StopAlert.css
index 8bcc4b0..ac24f8c 100644
--- a/src/frontend/app/components/StopAlert.css
+++ b/src/frontend/app/components/StopAlert.css
@@ -1,24 +1,4 @@
-/* Alert color variables */
-:root {
-  --alert-info-bg: rgba(59, 130, 246, 0.1);
-  --alert-info-border: rgba(59, 130, 246, 0.5);
-  --alert-info-text: #1e40af;
-
-  --alert-error-bg: rgba(239, 68, 68, 0.1);
-  --alert-error-border: rgba(239, 68, 68, 0.5);
-  --alert-error-text: #991b1b;
-}
-
-/* Dark mode overrides use data-mode */
-[data-mode="dark"] {
-  --alert-info-bg: rgba(59, 130, 246, 0.15);
-  --alert-info-border: rgba(59, 130, 246, 0.4);
-  --alert-info-text: #93c5fd;
-
-  --alert-error-bg: rgba(239, 68, 68, 0.15);
-  --alert-error-border: rgba(239, 68, 68, 0.4);
-  --alert-error-text: #fca5a5;
-}
+/* Alert styles use variables from root.css */
 
 .stop-alert {
   display: flex;
@@ -36,6 +16,12 @@
   color: var(--alert-info-text);
 }
 
+.stop-alert-warning {
+  background-color: var(--alert-warning-bg);
+  border-color: var(--alert-warning-border);
+  color: var(--alert-warning-text);
+}
+
 .stop-alert-error {
   background-color: var(--alert-error-bg);
   border-color: var(--alert-error-border);
-- 
cgit v1.3