Set background color in html

Author: gave92

src/Files.App/UserControls/FilePreviews/HtmlPreview.xaml

@@ -20,7 +20,8 @@
 			x:Name="WebViewControl"
 			HorizontalAlignment="Stretch"
 			VerticalAlignment="Stretch"
-			Loaded="WebViewControl_Loaded" />
+			DefaultBackgroundColor="Transparent"
+			Loaded="WebViewControl_LoadedAsync" />
 
 	</Border>
 </UserControl>

src/Files.App/UserControls/TerminalView.xaml.cs

@@ -144,7 +144,6 @@ private async void WebViewControl_LoadedAsync(object sender, Microsoft.UI.Xaml.R
 			var profile = _mainPageModel.TerminalSelectedProfile;
 			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,
@@ -482,7 +481,6 @@ private async void TerminalView_ActualThemeChanged(Microsoft.UI.Xaml.FrameworkEl
 			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);

src/Files.App/Utils/Terminal/UI/Build/src/index.ts

@@ -69,6 +69,7 @@ window.createTerminal = (options, theme, keyBindings) => {
   }
 
   theme = JSON.parse(theme);
+  document.body.style.background = theme.background;
 
   window.keyBindings = JSON.parse(keyBindings);
   window.hoveredUri = "";
@@ -276,6 +277,7 @@ window.createTerminal = (options, theme, keyBindings) => {
 window.changeTheme = (theme) => {
   theme = JSON.parse(theme);
   term.setOption('theme', theme);
+  document.body.style.background = theme.background;
 }
 
 window.changeOptions = (options) => {