diff options
| author | Copilot <198982749+Copilot@users.noreply.github.com> | 2025-11-07 19:58:44 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-11-07 19:58:44 +0100 |
| commit | febe700d4564e5c0fec0dfbda7dcfcdff0af589b (patch) | |
| tree | edfbc079b70bf7ae831851804f87b1a409633a4f /src/frontend/app/components/StopAlert.css | |
| parent | d08e350a4b44c755f65d50227329e212efafb1b2 (diff) | |
[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>
Diffstat (limited to 'src/frontend/app/components/StopAlert.css')
| -rw-r--r-- | src/frontend/app/components/StopAlert.css | 28 |
1 files changed, 7 insertions, 21 deletions
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); |