Fix webview scrollbars in dark mode

gave92 · Marco Gavelli · commit ccc7379aca66 · 2025-10-29T09:09:58.000+01:00
diff --git a/src/Files.App/Terminal/UI/Build/src/index.html b/src/Files.App/Terminal/UI/Build/src/index.html
@@ -6,6 +6,7 @@
     <link rel="stylesheet" href="xterm.css" />
     <link rel="stylesheet" href="style.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <meta name="color-scheme" content="dark light">
 </head>
 
 <body>
diff --git a/src/Files.App/Terminal/UI/index.html b/src/Files.App/Terminal/UI/index.html
@@ -6,6 +6,7 @@
     <link rel="stylesheet" href="xterm.css" />
     <link rel="stylesheet" href="style.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <meta name="color-scheme" content="dark light">
 </head>
 
 <body>
diff --git a/src/Files.App/UserControls/TerminalView.xaml.cs b/src/Files.App/UserControls/TerminalView.xaml.cs
@@ -144,6 +144,7 @@ private async void WebViewControl_LoadedAsync(object sender, Microsoft.UI.Xaml.R
 			var theme = provider.GetPreInstalledThemes().First(x => x.Id == profile.TerminalThemeId);
 
 			WebViewControl.DefaultBackgroundColor = ColorHelpers.FromHex(theme.Colors.Background);
+			WebViewControl.CoreWebView2.Profile.PreferredColorScheme = (ActualTheme == Microsoft.UI.Xaml.ElementTheme.Dark) ? CoreWebView2PreferredColorScheme.Dark : CoreWebView2PreferredColorScheme.Light;
 
 			var size = await CreateXtermViewAsync(options, theme.Colors,
 				keyBindings.Values.SelectMany(k => k)).ConfigureAwait(false);
@@ -479,7 +480,10 @@ private async void TerminalView_ActualThemeChanged(Microsoft.UI.Xaml.FrameworkEl
 			theme.Colors.Foreground = foregroundColor;
 			theme.Colors.CursorAccent = backgroundColor;
 			theme.Colors.Cursor = foregroundColor;
+
 			WebViewControl.DefaultBackgroundColor = ColorHelpers.FromHex(backgroundColor);
+			WebViewControl.CoreWebView2.Profile.PreferredColorScheme = (ActualTheme == Microsoft.UI.Xaml.ElementTheme.Dark) ? CoreWebView2PreferredColorScheme.Dark : CoreWebView2PreferredColorScheme.Light;
+
 			var serializedTheme = JsonConvert.SerializeObject(theme.Colors, serializerSettings);
 			await ExecuteScriptAsync($"changeTheme('{serializedTheme}')");
 		}
