fix: use static foreground color in notifications (#2166) (#2168)

Janzert · yagebu · web-flow · commit 14f0bd626565 · 2025-12-31T09:26:04.000+01:00
* fix: use static foreground color in notifications (#2166) * Add named variable for notification foreground color. * fix: move reload-page styles to appropriate component --------- Co-authored-by: Jakob Schnitzer <mail@jakobschnitzer.de>
diff --git a/frontend/css/notifications.css b/frontend/css/notifications.css
@@ -22,6 +22,6 @@
 }
 
 .notifications .warning {
-  color: var(--text-color);
+  color: var(--dark-gray);
   background-color: var(--yellow);
 }
diff --git 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%));
diff --git 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);
   }
 

Original file line number	Diff line number	Diff line change
`@@ -22,6 +22,6 @@`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.notifications .warning {`
`25`		`- color: var(--text-color);`
	`25`	`+ color: var(--dark-gray);`
`26`	`26`	`background-color: var(--yellow);`
`27`	`27`	`}`
Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@`
`43`	`43`
`44`	`44`	`<style>`
`45`	`45`	`.reload-page {`
	`46`	`+ color: var(--dark-gray);`
`46`	`47`	`background-color: var(--warning);`
`47`	`48`	`}`
`48`	`49`