[M102 Merge][side search] Eliminate grey flash when opening Side Search

This CL eliminates the grey flash that can be seen when side search
is first opened.

This is done by setting the default background color of the
WebContents to be transparent and setting the hosting WebView's
background color to the toolbar background color.

Before:
https://screencast.googleplex.com/cast/NTQxMzQ3MzE1NzY0NDI4OHw1ZTRhOTEwMS1kOQ

After:
https://screencast.googleplex.com/cast/NjQ4MjY1MDQ3OTk4NDY0MHwwNDZhMmY5MS0wYg

(cherry picked from commit bdd6df8)

Bug: 1315412
Change-Id: I86a8879ddae422a3c1355924af012bd41d2adf3b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3598181
Reviewed-by: Yuheng Huang <yuhengh@chromium.org>
Commit-Queue: Thomas Lukaszewicz <tluk@chromium.org>
Cr-Original-Commit-Position: refs/heads/main@{#994790}
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3606089
Cr-Commit-Position: refs/branch-heads/5005@{#141}
Cr-Branched-From: 5b4d945-refs/heads/main@{#992738}

chrome/browser/ui/side_search/side_search_tab_contents_helper.cc

@@ -23,6 +23,7 @@
 #include "services/network/public/cpp/simple_url_loader.h"
 #include "third_party/blink/public/mojom/frame/user_activation_notification_type.mojom.h"
 #include "ui/base/page_transition_types.h"
+#include "ui/views/controls/webview/web_contents_set_background_color.h"
 
 #if BUILDFLAG(ENABLE_EXTENSIONS)
 #include "chrome/browser/extensions/tab_helper.h"
@@ -175,6 +176,12 @@ void SideSearchTabContentsHelper::CreateSidePanelContents() {
   side_panel_contents_ =
       content::WebContents::Create(content::WebContents::CreateParams(
           web_contents()->GetBrowserContext(), nullptr));
+
+  // Apply a transparent background color so that we fallback to the hosting
+  // side panel view's background color.
+  views::WebContentsSetBackgroundColor::CreateForWebContentsWithColor(
+      side_panel_contents_.get(), SK_ColorTRANSPARENT);
+
   task_manager::WebContentsTags::CreateForTabContents(
       side_panel_contents_.get());
 

chrome/browser/ui/views/side_search/side_search_browser_controller.cc

@@ -11,6 +11,7 @@
 #include "chrome/browser/feature_engagement/tracker_factory.h"
 #include "chrome/browser/ui/browser_element_identifiers.h"
 #include "chrome/browser/ui/chrome_pages.h"
+#include "chrome/browser/ui/color/chrome_color_id.h"
 #include "chrome/browser/ui/layout_constants.h"
 #include "chrome/browser/ui/page_action/page_action_icon_type.h"
 #include "chrome/browser/ui/side_search/side_search_utils.h"
@@ -284,6 +285,7 @@ views::WebView* ConfigureSidePanel(views::View* side_panel,
       views::kFlexBehaviorKey,
       views::FlexSpecification(views::MinimumFlexSizeRule::kScaleToZero,
                                views::MaximumFlexSizeRule::kUnbounded));
+  web_view->SetBackground(views::CreateThemedSolidBackground(kColorToolbar));
 
   side_panel->AddChildView(std::move(container));