Change statusbar depending on light or dark mode

Author: danielchalmers

JournalApp/Data/PreferenceService.cs

@@ -1,4 +1,6 @@
-using MudBlazor.Utilities;
+using CommunityToolkit.Maui.Core;
+using CommunityToolkit.Maui.Core.Platform;
+using MudBlazor.Utilities;
 
 namespace JournalApp;
 
@@ -22,6 +24,7 @@ public PreferenceService(ILogger<PreferenceService> logger, IPreferences prefere
             _application.RequestedThemeChanged += Application_RequestedThemeChanged;
         }
 
+        UpdateStatusBar();
         GenerateMoodColors();
     }
 
@@ -122,9 +125,28 @@ private void Application_RequestedThemeChanged(object sender, AppThemeChangedEve
 
     private void OnThemeChanged()
     {
+        UpdateStatusBar();
         ThemeChanged?.Invoke(this, IsDarkMode);
     }
 
+    private void UpdateStatusBar()
+    {
+        if (OperatingSystem.IsAndroid())
+        {
+            logger.LogDebug("Updating status bar");
+            if (IsDarkMode)
+            {
+                StatusBar.SetColor(Color.FromHex("#EAB8D6"));
+                StatusBar.SetStyle(StatusBarStyle.DarkContent);
+            }
+            else
+            {
+                StatusBar.SetColor(Color.FromHex("#854C73"));
+                StatusBar.SetStyle(StatusBarStyle.LightContent);
+            }
+        }
+    }
+
     private void GenerateMoodColors()
     {
         var emojis = DataPoint.Moods.Where(x => x != "🤔").ToList();

JournalApp/Platforms/Android/Resources/values/colors.xml

@@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <color name="colorPrimary">#854C73</color>
-    <color name="colorPrimaryDark">#EAB8D6</color>
-    <color name="colorAccent">#715867</color>
+    <color name="colorPrimaryDark">#854C73</color>
 </resources>