From 749cf4bdd49719f39cd0fa2bbeed42393195d341 Mon Sep 17 00:00:00 2001
From: janzert <janzert@janzert.com>
Date: Mon, 29 Dec 2025 12:31:53 -0500
Subject: [PATCH 1/3] fix: use static foreground color in notifications (#2166)

---
 frontend/css/notifications.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/css/notifications.css b/frontend/css/notifications.css
index 0eb51c415..fa26c964d 100644
--- a/frontend/css/notifications.css
+++ b/frontend/css/notifications.css
@@ -22,6 +22,10 @@
 }
 
 .notifications .warning {
-  color: var(--text-color);
+  color: hsl(0deg 0% 25%);
   background-color: var(--yellow);
 }
+
+.reload-page {
+  color: hsl(0deg 0% 25%);
+}

From 9906eb35312e708c8b205d2e426c6b17cbe480b0 Mon Sep 17 00:00:00 2001
From: janzert <janzert@janzert.com>
Date: Tue, 30 Dec 2025 13:23:45 -0500
Subject: [PATCH 2/3] Add named variable for notification foreground color.

---
 frontend/css/notifications.css | 4 ++--
 frontend/css/style.css         | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/css/notifications.css b/frontend/css/notifications.css
index fa26c964d..d4f3034f5 100644
--- a/frontend/css/notifications.css
+++ b/frontend/css/notifications.css
@@ -22,10 +22,10 @@
 }
 
 .notifications .warning {
-  color: hsl(0deg 0% 25%);
+  color: var(--dark-gray);
   background-color: var(--yellow);
 }
 
 .reload-page {
-  color: hsl(0deg 0% 25%);
+  color: var(--dark-gray);
 }
diff --git a/frontend/css/style.css b/frontend/css/style.css
index c618acd81..f4a24dff3 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -19,6 +19,7 @@
   --yellow: var(--warning);
   --green: hsl(151deg 100% 25%);
   --gray: hsl(0deg 0% 67%);
+  --dark-gray: hsl(0deg 0% 25%);
 
   /* Base colors (backgrounds) */
   --background: light-dark(hsl(0deg 0% 100%), hsl(0deg 0% 15%));

From 812dff4a0e3cd0a432b9e10d7ba37f9705d97186 Mon Sep 17 00:00:00 2001
From: Jakob Schnitzer <mail@jakobschnitzer.de>
Date: Wed, 31 Dec 2025 09:23:28 +0100
Subject: [PATCH 3/3] fix: move reload-page styles to appropriate component

---
 frontend/css/notifications.css     | 4 ----
 frontend/src/sidebar/Header.svelte | 1 +
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/frontend/css/notifications.css b/frontend/css/notifications.css
index d4f3034f5..246315bfc 100644
--- a/frontend/css/notifications.css
+++ b/frontend/css/notifications.css
@@ -25,7 +25,3 @@
   color: var(--dark-gray);
   background-color: var(--yellow);
 }
-
-.reload-page {
-  color: var(--dark-gray);
-}
diff --git a/frontend/src/sidebar/Header.svelte b/frontend/src/sidebar/Header.svelte
index 7f4e0bdbc..7142a80bc 100644
--- a/frontend/src/sidebar/Header.svelte
+++ b/frontend/src/sidebar/Header.svelte
@@ -43,6 +43,7 @@
 
 <style>
   .reload-page {
+    color: var(--dark-gray);
     background-color: var(--warning);
   }