From b01e644ccfbb799cb025c81a06dc0ec92d0a28a3 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 23 Feb 2025 17:19:08 +0100
Subject: [PATCH] [web] Fix the navigation bar colour in dark theme

---
 web-src/src/mystyles.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/web-src/src/mystyles.scss b/web-src/src/mystyles.scss
index 44f2fae5..89bfe592 100644
--- a/web-src/src/mystyles.scss
+++ b/web-src/src/mystyles.scss
@@ -3,6 +3,16 @@
 @use 'bulma/bulma';
 @use 'bulma/sass/utilities/mixins';
 
+@media (prefers-color-scheme: dark) {
+  .navbar {
+    background-color: var(--bulma-dark);
+  }
+  .navbar-item {
+    --bulma-navbar-item-color: hsl(var(--bulma-navbar-invert-h), var(--bulma-navbar-invert-s), var(--bulma-navbar-item-color-invert-l));
+    --bulma-navbar-item-background-l: var(--bulma-light-invert-l);
+  }
+}
+
 .is-disabled {
   cursor: not-allowed;
   opacity: 0.5;