Initial restyle of the gallery.

chrome/browser/resources/file_manager/css/gallery.css

Index: chrome/browser/resources/file_manager/css/gallery.css
diff --git a/chrome/browser/resources/file_manager/css/gallery.css b/chrome/browser/resources/file_manager/css/gallery.css
index d4efc142224368ec1a78cc3eb4cf5e7c17281730..5ee3c4430cd27457ff80c394711e509c8ee09030 100644
--- a/chrome/browser/resources/file_manager/css/gallery.css
+++ b/chrome/browser/resources/file_manager/css/gallery.css
@@ -36,6 +36,10 @@ body {
   z-index: 200;
 }
 
+body[new-ui] .tools .gallery > .close {
+  opacity: 0;
+}
+
 /* The close icon is in a nested div so that its opacity can be manipulated
    independently from its parent (which can be dimmed when the crop frame
    overlaps it) */
@@ -166,17 +170,14 @@ body {
 
 /* Toolbar */
 
+body[new-ui] .gallery > .header,
 .gallery > .toolbar {
   -webkit-box-align: stretch;
   -webkit-box-orient: horizontal;
   -webkit-box-pack: start;
   -webkit-transition: opacity 300ms ease;
   background-color: rgba(18, 18, 18, 0.875);
-  border-top: 1px solid rgba(31, 31, 31, 0.875);
-  bottom: 0;
-  box-sizing: border-box;
   display: -webkit-box;
-  height: 55px;
   min-width: 800px;
   opacity: 0;
   padding: 0 8px;
@@ -185,6 +186,30 @@ body {
   width: 100%;
 }
 
+body[new-ui] .gallery > .header,
+body[new-ui] .gallery > .toolbar {
+  background-color: rgba(30, 30, 30, 0.8);
+}
+
+body[new-ui] .gallery > .header {
+  border-bottom: 1px solid rgba(50, 50, 50, 0.8);
+  height: 45px;
+  top: 0;
+}
+
+.gallery > .toolbar {
+  border-top: 1px solid rgba(31, 31, 31, 0.7);
+  bottom: 0;
+  height: 55px;
+}
+
+body[new-ui] .gallery > .toolbar {
+  border-top: 1px solid rgba(50, 50, 50, 0.8);
+  bottom: 0;
+  height: 55px;
+}
+
+body[new-ui] .gallery[tools]:not([slideshow]) > .header,
 .gallery[tools]:not([slideshow]) > .toolbar {
   opacity: 1;
   pointer-events: auto;
@@ -507,6 +532,10 @@ body {
   position: absolute;
 }
 
+body[new-ui] .gallery .image-wrapper > img:not(.cached) {
+  -webkit-animation: fadeIn 500ms ease-in;
+}
+
 /* Editor buttons */
 
 .gallery .edit-bar-spacer {