WebUI: update font size according to the system font size

Author: d2phap

Source/Components/ImageGlass.Base/Types/Const.cs

@@ -34,7 +34,7 @@ public static class Const
     public const string DATETIME_FORMAT = "yyyy/MM/dd HH:mm:ss";
     public const string DATE_FORMAT = "yyyy/MM/dd";
     public const string APP_PROTOCOL = "imageglass";
-    public const string APP_CODE = "1️⃣5️⃣🎂";
+    public const string APP_CODE = "2026";
     public const string MS_APPSTORE_ID = "9N33VZK3C7TH";
     public const int MAX_IMAGE_DIMENSION = 16_384;
 

Source/Components/ImageGlass.Base/Webview2/Web2.cs

@@ -562,7 +562,7 @@ private async void Web2_NavigationCompleted(object? sender, CoreWebView2Navigati
             """);
         }
 
-
+        // update border radius
         var borderRadiusTask = Task.CompletedTask;
         if (BHelper.IsOS(WindowsOS.Win10))
         {
@@ -571,10 +571,24 @@ private async void Web2_NavigationCompleted(object? sender, CoreWebView2Navigati
             """);
         }
 
+        // update font size
+        const float defaultSystemFontSize = 9f;
+        var fontSizeTask = Task.CompletedTask;
+        if (Font.Size != defaultSystemFontSize)
+        {
+            const float defaultWebFontSize = 12.5f;
+            var newWebFontSize = Math.Round(Font.Size / defaultSystemFontSize * defaultWebFontSize, 2);
+
+            fontSizeTask = this.ExecuteScriptAsync($"""
+                document.documentElement.style.setProperty('--fontSize', '{newWebFontSize}');
+            """);
+        }
+
+        // update color mode
         var darkModeTask = SetWeb2DarkModeAsync(DarkMode);
         var accentColorTask = SetWeb2AccentColorAsync(AccentColor);
 
-        await Task.WhenAll(logTask, borderRadiusTask, darkModeTask, accentColorTask);
+        await Task.WhenAll(logTask, borderRadiusTask, fontSizeTask, darkModeTask, accentColorTask);
         await OnWeb2NavigationCompleted();
     }