Merge pull request #4965 from metabase/dashboards-page-bg

Change the BG color of the dashboards list page

frontend/src/metabase/components/SearchHeader.jsx

@@ -11,7 +11,7 @@ const SearchHeader = ({ searchText, setSearchText }) =>
     <div className={S.searchHeader}>
         <Icon className={S.searchIcon} name="search" size={18} />
         <input
-            className={cx("input", S.searchBox)}
+            className={cx("input bg-transparent", S.searchBox)}
             type="text"
             placeholder="Filter this list..."
             value={searchText}

frontend/src/metabase/css/core/colors.css

@@ -196,3 +196,4 @@
 }
 .text-slate { color: #606E7B; }
 
+.bg-transparent { background-color: transparent }

frontend/src/metabase/dashboards/containers/Dashboards.jsx

@@ -144,8 +144,10 @@ export class Dashboards extends Component {
 
         return (
             <LoadingAndErrorWrapper
+                style={{ backgroundColor: "#f9fbfc" }}
                 loading={isLoading}
-                className={cx("relative mx4", {"flex flex-full flex-column": noDashboardsCreated})}
+                className={cx("relative px4 full-height", {"flex flex-full flex-column": noDashboardsCreated})}
+                noBackground
             >
                 { modalOpen ? this.renderCreateDashboardModal() : null }
                 <div className="flex align-center pt4 pb1">