Support dark theme on title bar

skiffWindowsApp/Skiff Desktop/MainWindow.xaml.cs

@@ -10,6 +10,9 @@
 using CustomNotificationsExample.CustomMessage;
 using System.Net.Http;
 using System.Net.Http.Headers;
+using System.Runtime.InteropServices;
+using System.Windows.Interop;
+using Skiff_Desktop.Utilities;
 
 namespace Skiff_Desktop
 {
@@ -30,6 +33,48 @@ public partial class MainWindow : Window
 
         private WindowState _prevState;
 
+        #region Dark Theme
+
+        private ThemeWatcher _themeWatcher;
+
+        [DllImport("dwmapi.dll", PreserveSig = true)]
+        static extern int DwmSetWindowAttribute(IntPtr hwnd, int attr, ref int attrValue, int attrSize);
+        const int DWMWA_CAPTION_COLOR = 35;
+
+        private void SetDarkMode(bool darkMode)
+        {
+            WindowInteropHelper hwnd = new WindowInteropHelper(this);
+            if (hwnd.Handle == IntPtr.Zero)
+                return;
+
+            // Match sidebar color
+            int color = darkMode ? 0x1A1A1A : 0xF5F5F5;
+            try
+            {
+                DwmSetWindowAttribute(
+                    hwnd.Handle,
+                    DWMWA_CAPTION_COLOR,
+                    ref color, Marshal.SizeOf(color)
+                );
+            }
+            catch (EntryPointNotFoundException)
+            {
+                // Not supported (old Windows version?)
+            }
+        }
+
+        public void SetTheme(string? theme)
+        {
+            bool darkMode = false;
+            if (theme == null || theme.Contains("system"))
+                darkMode = _themeWatcher.GetCurrentTheme() == ThemeMode.Dark;
+            else
+                darkMode = (theme.Contains("dark"));
+
+            SetDarkMode(darkMode);
+        }
+
+        #endregion
 
         public MainWindow()
         {
@@ -148,6 +193,17 @@ private async Task InitializeBrowser()
             WebView2.CoreWebView2.Settings.IsGeneralAutofillEnabled = true;
             WebView2.CoreWebView2.Settings.IsStatusBarEnabled = false;
 
+            // Watch for system theme changes
+            _themeWatcher = new ThemeWatcher();
+            _themeWatcher.ThemeChanged += (sender, theme) => Dispatcher.Invoke(() =>
+            {
+                // Update WebView default theme
+                WebView2.CoreWebView2.Profile.PreferredColorScheme =
+                    (theme == ThemeMode.Dark) ? CoreWebView2PreferredColorScheme.Dark : CoreWebView2PreferredColorScheme.Light;
+
+            });
+            _themeWatcher.Start();
+
             // this is needed to allow the webview to communicate with the app
             // right now, only for sending notifications
             WebView2.CoreWebView2.WebMessageReceived += _messageProcessor.CoreWebView2_WebMessageReceived;

skiffWindowsApp/Skiff Desktop/MessageProcessor.cs

@@ -11,6 +11,7 @@ public enum MessageTypes
     {
         newMessageNotifications,
         unreadMailCount,
+        theme,
     }
 
     internal class MessageProcessor
@@ -56,6 +57,12 @@ internal void CoreWebView2_WebMessageReceived(object sender, CoreWebView2WebMess
                         _mainWindow.UpdateUnreadCount(counterPayload.UnreadCount);
                         break;
 
+                    case MessageTypes.theme:
+                        var themePayload = JsonSerializer.Deserialize<ThemeChange>(receivedMessage.Data.ToString());
+                        Debug.WriteLine($"Updating theme: {themePayload.Theme}.");
+                        _mainWindow.SetTheme(themePayload.Theme);
+                        break;
+
                     default:
                         Debug.WriteLine("Message type is not ‘newMessageNotifications’. Skipping.");
                         break;
@@ -98,6 +105,12 @@ public class UnreadCountDataWrapper
             public int UnreadCount { get; set; }
         }
 
+        public class ThemeChange
+        {
+            [JsonPropertyName("theme")]
+            public string Theme { get; set; }
+        }
+
         #endregion
     }
 }

skiffWindowsApp/Skiff Desktop/Skiff Desktop.csproj

@@ -19,6 +19,7 @@
 
   <ItemGroup>
     <PackageReference Include="Microsoft.Web.WebView2" Version="1.0.1988-prerelease" />
+    <PackageReference Include="System.Management" Version="7.0.2" />
     <PackageReference Include="ToastNotifications" Version="2.5.1" />
     <PackageReference Include="ToastNotifications.Messages" Version="2.5.1" />
   </ItemGroup>

skiffWindowsApp/Skiff Desktop/Utilities/ThemeWatcher.cs

@@ -0,0 +1,88 @@
+using Microsoft.Win32;
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Management;
+using System.Security.Principal;
+
+namespace Skiff_Desktop.Utilities
+{
+    public enum ThemeMode
+    {
+        Light = 0,
+        Dark = 1,
+    }
+
+    public class ThemeWatcher
+    {
+        public ThemeMode Theme
+        {
+            get => _theme;
+            private set {
+                _theme = value;
+                ThemeChanged?.Invoke(this, value);
+            }
+        }
+        public event EventHandler<ThemeMode>? ThemeChanged;
+
+        private const string RegistryPath = @"Software\Microsoft\Windows\CurrentVersion\Themes\Personalize";
+        private const string RegistryValueName = "AppsUseLightTheme";
+        private ManagementEventWatcher? watcher;
+        private ThemeMode _theme;
+
+        public void Start()
+        {
+            var currentUser = WindowsIdentity.GetCurrent();
+
+            // Based on https://stackoverflow.com/a/69604613
+            string query = string.Format(
+                CultureInfo.InvariantCulture,
+                @"SELECT * FROM RegistryValueChangeEvent WHERE Hive = 'HKEY_USERS' AND KeyPath = '{0}\\{1}' AND ValueName = '{2}'",
+                currentUser.User?.Value,
+                RegistryPath.Replace(@"\", @"\\"),
+                RegistryValueName);
+
+            try
+            {
+                Theme = GetCurrentTheme();
+
+                // Listen for events
+                watcher = new ManagementEventWatcher(query);
+                watcher.EventArrived += (sender, e) =>
+                {
+                    Theme = GetCurrentTheme();
+                    Debug.WriteLine("System theme changed: " + Theme);
+                };
+                watcher.Start();
+            }
+            catch (Exception)
+            {
+                // This can fail on Windows 7
+                Theme = ThemeMode.Light;
+            }
+        }
+
+        public ThemeMode GetCurrentTheme()
+        {
+            ThemeMode theme = ThemeMode.Light;
+
+            try
+            {
+                using (RegistryKey? key = Registry.CurrentUser?.OpenSubKey(RegistryPath))
+                {
+                    object? value = key?.GetValue(RegistryValueName);
+                    if (value == null)
+                        return ThemeMode.Light;
+
+                    theme = (int)value > 0 ? ThemeMode.Light : ThemeMode.Dark;
+                }
+
+                return theme;
+            }
+            catch (Exception)
+            {
+                return theme;
+            }
+        }
+    }
+}