81761 apply theme in search control

packages/app/src/components/SearchPage/SearchControl.tsx

@@ -47,7 +47,7 @@ const SearchControl: FC <Props> = (props: Props) => {
   };
 
   return (
-    <div className="search-control-section bg-white position-sticky fixed-top">
+    <div className="search-control position-sticky fixed-top">
       <div className="search-page-nav d-flex py-3 align-items-center">
         <div className="flex-grow-1 mx-4">
           <SearchPageFormTypeAny

packages/app/src/styles/theme/_apply-colors.scss

@@ -589,6 +589,9 @@ body.pathname-sidebar {
  */
 .search-result {
   .search-result-list {
+    .search-control {
+      background-color: $bgcolor-global;
+    }
     .page-list {
       .highlighted-keyword {
         background-color: $bgcolor-keyword-highlighted;