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/root.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/root.css')
| -rw-r--r-- | src/frontend/app/root.css | 36 |
1 files changed, 36 insertions, 0 deletions
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; } |